@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";

 * {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 62.5%;
}
body {
-webkit-text-size-adjust: 100%;
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}
table {
font-size: 100%;
line-height: 1.5;
border-collapse: collapse;
border-spacing: 0;
}
th {
font-weight: normal;
text-align: left;
}
img {
border: 0;
vertical-align: bottom;
max-width: 100%;
height: auto;
}
ul li {
list-style: none;
}
ol {
}
input, textarea {
vertical-align: middle;
}
address, em {
font-style: normal;
} a:link, a:visited, a:hover {
color: #333;
text-decoration: none;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
} a:hover {
text-decoration: none !important;
opacity: 0.7;
}
a:hover img, a:hover p {
text-decoration: none !important;
opacity: 0.7;
} .op1 {
opacity: 1.0 !important;
}
.op1 * {
opacity: 1.0 !important;
}  .left_area {
}
.center_area {
}
.right_area {
}
.bg_top {
}
.bg_mdl {
}
.bg_btm {
}
.first {
}
.last {
}
.left {
float: left;
}
.right {
float: right;
}
.w165 a {
width: 165px !important;
} .position,.relative {
position: relative;
}
.vam{vertical-align: middle;} .flt_left {
float: left;
}
.flt_right {
float: right;
}
.flt_none {
float: none !important;
} .w_auto {
width: auto !important;
}
.w_max {
width: 100% !important;
}
.w_half {
width: 50% !important;
}
.w_third {
width: 33% !important;
}
.w_quarter {
width: 25% !important;
}
.w_fifth {
width: 20% !important;
}
.m_auto {
margin: 0 auto;
} .mt00 {
margin-top: 0px !important;
}
.mt05 {
margin-top: 5px !important;
}
.mt10 {
margin-top: 10px !important;
}
.mt15 {
margin-top: 15px !important;
}
.mt20 {
margin-top: 20px !important;
}
.mt25 {
margin-top: 25px !important;
}
.mt30 {
margin-top: 30px !important;
}
.mt35 {
margin-top: 35px !important;
}
.mt40 {
margin-top: 40px !important;
}
.mt45 {
margin-top: 45px !important;
}
.mt50 {
margin-top: 50px !important;
}
.mt55 {
margin-top: 55px !important;
}
.mt60 {
margin-top: 60px !important;
}
.mt65 {
margin-top: 65px !important;
}
.mt70 {
margin-top: 70px !important;
}
.mt75 {
margin-top: 75px !important;
}
.mt80 {
margin-top: 80px !important;
}
.mt85 {
margin-top: 85px !important;
}
.mt90 {
margin-top: 90px !important;
}
.mt95 {
margin-top: 95px !important;
}
.mt100 {
margin-top: 100px !important;
} .mr00 {
margin-right: 0px !important;
}
.mr05 {
margin-right: 5px !important;
}
.mr10 {
margin-right: 10px !important;
}
.mr15 {
margin-right: 15px !important;
}
.mr20 {
margin-right: 20px !important;
}
.mr25 {
margin-right: 25px !important;
}
.mr30 {
margin-right: 30px !important;
}
.mr35 {
margin-right: 35px !important;
}
.mr40 {
margin-right: 40px !important;
}
.mr45 {
margin-right: 45px !important;
}
.mr50 {
margin-right: 50px !important;
}
.mr55 {
margin-right: 55px !important;
}
.mr60 {
margin-right: 60px !important;
}
.mr65 {
margin-right: 65px !important;
}
.mr70 {
margin-right: 70px !important;
}
.mr75 {
margin-right: 75px !important;
}
.mr80 {
margin-right: 80px !important;
}
.mr85 {
margin-right: 85px !important;
}
.mr90 {
margin-right: 90px !important;
}
.mr95 {
margin-right: 95px !important;
}
.mr100 {
margin-right: 100px !important;
} .mb00 {
margin-bottom: 0 !important;
}
.mb05 {
margin-bottom: 5px !important;
}
.mb10 {
margin-bottom: 10px !important;
}
.mb15 {
margin-bottom: 15px !important;
}
.mb20 {
margin-bottom: 20px !important;
}
@media screen and (max-width : 760px ) {
.mb20 {
margin-bottom: 10px !important;
}
}
.mb25 {
margin-bottom: 25px !important;
}
.mb30 {
margin-bottom: 30px !important;
}
@media screen and (max-width : 760px ) {
.mb30 {
margin-bottom: 20px !important;
}
}
.mb35 {
margin-bottom: 35px !important;
}
.mb40 {
margin-bottom: 40px !important;
}
@media screen and (max-width : 760px ) {
.mb40 {
margin-bottom: 30px !important;
}
}
.mb45 {
margin-bottom: 45px !important;
}
.mb50 {
margin-bottom: 50px !important;
}
@media screen and (max-width : 760px ) {
.mb50 {
margin-bottom: 25px !important;
}
}
.mb55 {
margin-bottom: 55px !important;
}
.mb60 {
margin-bottom: 60px !important;
}
@media screen and (max-width : 760px ) {
.mb60 {
margin-bottom: 40px !important;
}
}
.mb65 {
margin-bottom: 65px !important;
}
.mb70 {
margin-bottom: 70px !important;
}
.mb75 {
margin-bottom: 75px !important;
}
.mb80 {
margin-bottom: 80px !important;
}
@media screen and (max-width: 767px) {
.mb80 {
margin-bottom: 40px !important;
}
}
.mb85 {
margin-bottom: 85px !important;
}
.mb90 {
margin-bottom: 90px !important;
}
.mb95 {
margin-bottom: 95px !important;
}
.mb100 {
margin-bottom: 100px !important;
}
@media screen and (max-width : 767px ) {
.mb100 {
margin-bottom: 45px !important;
}
}
.sp_mb10{}
@media screen and (max-width : 767px ) {
.sp_mb10{
margin-bottom: 10px !important;
}
}
.sp_mb15 {
}
@media screen and (max-width : 767px ) {
.sp_mb15 {
margin-bottom: 15px!important;
}
}
.sp_mb20{}
@media screen and (max-width : 767px ) {
.sp_mb20{
margin-bottom: 20px !important;
}
}
.sp_mb30{}
@media screen and (max-width : 767px ) {
.sp_mb30{
margin-bottom: 30px !important;
}
}
.sp_mb40{}
@media screen and (max-width : 767px ) {
.sp_mb40{
margin-bottom: 40px !important;
}
}
.sp_mb50{}
@media screen and (max-width : 767px ) {
.sp_mb50{
margin-bottom: 50px !important;
}
} .ml00 {
margin-left: 0px !important;
}
.ml05 {
margin-left: 5px !important;
}
.ml10 {
margin-left: 10px !important;
}
.ml15 {
margin-left: 15px !important;
}
.ml20 {
margin-left: 20px !important;
}
.ml25 {
margin-left: 25px !important;
}
.ml30 {
margin-left: 30px !important;
}
.ml35 {
margin-left: 35px !important;
}
.ml40 {
margin-left: 40px !important;
}
.ml45 {
margin-left: 45px !important;
}
.ml50 {
margin-left: 50px !important;
}
.ml55 {
margin-left: 55px !important;
}
.ml60 {
margin-left: 60px !important;
}
.ml65 {
margin-left: 65px !important;
}
.ml70 {
margin-left: 70px !important;
}
.ml75 {
margin-left: 75px !important;
}
.ml80 {
margin-left: 80px !important;
}
.ml85 {
margin-left: 85px !important;
}
.ml90 {
margin-left: 90px !important;
}
.ml95 {
margin-left: 95px !important;
}
.ml100 {
margin-left: 100px !important;
} .p10{padding: 10px;}
.p15{padding: 15px;}
.p20{padding: 20px;}
.p30{padding: 30px;}
.pt00 {
padding-top: 0px !important;
}
.pt05 {
padding-top: 5px !important;
}
.pt10 {
padding-top: 10px !important;
}
.pt15 {
padding-top: 15px !important;
}
.pt20 {
padding-top: 20px !important;
}
.pt25 {
padding-top: 25px !important;
}
.pt30 {
padding-top: 30px !important;
}
.pt35 {
padding-top: 35px !important;
}
.pt40 {
padding-top: 40px !important;
}
.pt45 {
padding-top: 45px !important;
}
.pt50 {
padding-top: 50px !important;
} .pr00 {
padding-right: 0px !important;
}
.pr05 {
padding-right: 5px !important;
}
.pr10 {
padding-right: 10px !important;
}
.pr15 {
padding-right: 15px !important;
}
.pr20 {
padding-right: 20px !important;
}
.pr25 {
padding-right: 25px !important;
}
.pr30 {
padding-right: 30px !important;
}
.pr35 {
padding-right: 35px !important;
}
.pr40 {
padding-right: 40px !important;
}
.pr45 {
padding-right: 45px !important;
}
.pr50 {
padding-right: 50px !important;
} .pb00 {
padding-bottom: 0 !important;
}
.pb05 {
padding-bottom: 5px !important;
}
.pb10 {
padding-bottom: 10px !important;
}
.pb15 {
padding-bottom: 15px !important;
}
.pb20 {
padding-bottom: 20px !important;
}
.pb25 {
padding-bottom: 25px !important;
}
.pb30 {
padding-bottom: 30px !important;
}
.pb35 {
padding-bottom: 35px !important;
}
.pb40 {
padding-bottom: 40px !important;
}
.pb45 {
padding-bottom: 45px !important;
}
.pb50 {
padding-bottom: 50px !important;
} .pl00 {
padding-left: 0px !important;
}
.pl05 {
padding-left: 5px !important;
}
.pl10 {
padding-left: 10px !important;
}
.pl15 {
padding-left: 15px !important;
}
.pl20 {
padding-left: 20px !important;
}
.pl25 {
padding-left: 25px !important;
}
.pl30 {
padding-left: 30px !important;
}
.pl35 {
padding-left: 35px !important;
}
.pl40 {
padding-left: 40px !important;
}
.pl45 {
padding-left: 45px !important;
}
.pl50 {
padding-left: 50px !important;
} .indent05 {
padding: 5px !important;
}
.indent10 {
padding: 10px !important;
}
.indent15 {
padding: 15px !important;
}
.indent20 {
padding: 20px !important;
}
.indent25 {
padding: 25px !important;
}
.indent30 {
padding: 30px !important;
}
.indent35 {
padding: 35px !important;
}
.indent40 {
padding: 40px !important;
}
@media screen and (max-width: 767px) {
.indent40 {
padding: 20px !important;
}
}
.indent45 {
padding: 45px !important;
}
.indent50 {
padding: 50px !important;
}
.indent60 {
padding: 60px !important;
}
@media screen and (max-width: 767px) {
.indent60 {
padding: 20px !important;
}
} .indent05_lr {
padding: 0 5px !important;
}
.indent10_lr {
padding: 0 10px !important;
}
.indent15_lr {
padding: 0 15px !important;
}
.indent20_lr {
padding: 0 20px !important;
}
.indent25_lr {
padding: 0 25px !important;
}
.indent30_lr {
padding: 0 30px !important;
}
.indent35_lr {
padding: 0 35px !important;
}
.indent40_lr {
padding: 0 40px !important;
}
.indent45_lr {
padding: 0 45px !important;
}
.indent50_lr {
padding: 0 50px !important;
}
.sp_indent15_lr {
}
@media screen and (max-width : 760px ) {
.sp_indent15_lr {
padding: 0 15px !important;
}
} .indent05_tb {
padding: 5px 0 !important;
}
.indent10_tb {
padding: 10px 0 !important;
}
.indent15_tb {
padding: 15px 0 !important;
}
.indent20_tb {
padding: 20px 0 !important;
}
.indent25_tb {
padding: 25px 0 !important;
}
.indent30_tb {
padding: 30px 0 !important;
}
@media screen and (max-width : 760px ) {
.indent30_tb {
padding: 20px 0 !important;
}
}
.indent35_tb {
padding: 35px 0 !important;
}
.indent40_tb {
padding: 40px 0 !important;
}
.indent45_tb {
padding: 45px 0 !important;
}
.indent50_tb {
padding: 50px 0 !important;
}
.w_60{
width: 60%;
margin: 0 auto;
}
.w_50{
width: 50%;
margin: 0 auto;
}
.w_40{
width: 40%;
margin: 0 auto;
}
@media screen and (max-width : 760px ) {
.w_60{
width: 100%;
margin: 0 auto;
}
.w_50{
width: 100%;
margin: 0 auto;
}
.w_40{
width: 100%;
margin: 0 auto;
}
} .f_200 {
font-weight: 200;
}
.f_300 {
font-weight: 300;
}
.f_400 {
font-weight: 400;
}
.f_500 {
font-weight: 500;
}
.f_600 {
font-weight: 600;
}
.f_700 {
font-weight: 700;
}
.f_800 {
font-weight: 800;
}
.f_900 {
font-weight: 900;
}
.f_bold {
font-weight: bold !important;
}
.f_normal {
font-weight: normal !important;
}
.f_08 {
font-size: 0.8rem !important;
}
.f_10 {
font-size: 1.0rem !important;
}
.f_12 {
font-size: 1.2rem !important;
}
.f_14 {
font-size: 1.4rem !important;
}
.f_16 {
font-size: 1.6rem !important;
}
.f_18 {
font-size: 1.8rem !important;
}
@media screen and (max-width : 760px ) {
.f_16 {
font-size: 1.5rem !important;
}
.f_18 {
font-size:1.5rem !important;
}
}
.f_20 {
font-size: 2.0rem !important;
}
@media screen and (max-width : 760px ) {
.f_20 {
font-size: 1.6rem !important;
}
}
.f_22 {
font-size: 2.2rem !important;
}
.f_23 {
font-size: 2.3rem !important;
}
.f_24 {
font-size: 2.4rem !important;
}
@media screen and (max-width : 760px ) {
.f_24 {
font-size: 1.8rem !important;
}
}
.f_25 {
font-size: 2.5rem !important;
}
.f_26 {
font-size: 2.6rem !important;
}
@media screen and (max-width : 767px ) {
.f_26 {
font-size: 2rem !important;
}
}
.f_27 {
font-size: 2.7rem !important;
}
.f_28 {
font-size: 2.8rem !important;
}
.f_29 {
font-size: 2.9rem !important;
}
.f_30 {
font-size: 3.0rem !important;
}
.f_32 {
font-size: 3.2rem !important;
}
@media screen and (max-width : 760px ) {
.f_32 {
font-size: 2.2rem !important;
}
}
.f_34 {
font-size: 3.4rem !important;
}
.f_36 {
font-size: 3.6rem !important;
}
@media screen and (max-width : 760px ) {
.f_36 {
font-size: 3.0rem !important;
}
}
.f_40 {
font-size: 4.0rem !important;
}
@media screen and (max-width : 760px ) {
.f_40 {
font-size: 3.0rem !important;
}
}
.f_42 {
font-size: 4.2rem !important;
}
@media screen and (max-width : 760px ) {
.f_42 {
font-size: 2.6rem !important;
}
}
.f_48 {
font-size:4.8rem;
}
@media screen and (max-width : 760px ) {
.f_48 {
font-size:3rem;
}
}
.f_60 {
font-size:6rem;
}
@media screen and (max-width : 760px ) {
.f_60 {
font-size:3.2rem;
}
} .t_left {
text-align: left !important;
}
.t_center {
text-align: center !important;
}
.t_right {
text-align: right !important;
}
.v_top {
vertical-align: top !important;
}
.v_mdl {
vertical-align: middle !important;
}
.v_btm {
vertical-align: text-bottom !important;
} img {
max-width: 100%;
height: auto;
} .bdrs05{border-radius: 5px;}
.bdrs10{border-radius: 10px;}
.bdrs15{border-radius: 15px;}
.bdrs20{border-radius: 20px;}
.bdrs25{border-radius: 25px;}
.bdrs30{border-radius: 30px;}
.bdrs35{border-radius: 35px;}
.bdrs40{border-radius: 40px;}
.bdrs45{border-radius: 45px;}
.bdrs50{border-radius: 50px;}
.bdrs50p{border-radius: 50%;}   .btn {
} .tabNav {
} .fixpng {
} dl:after, ul:after, .fix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow: hidden;
}
dl, ul, .fix {
display: inline-block;
min-height: 1%;
} *html dl, *html ul, *html .fix {
height: 1%;
}
dl, ul, .fix {
display: block;
}
.quicklinks dl,.quicklinks ul{display: inline-block;}

body {
background: #FFFFFF;
color: #2f1c0b;
font-family:"Lora", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
font-size: 1.4rem;
line-height: 1.6;font-weight: 500;
-webkit-text-size-adjust: 100%;
}
.pankuzu_bg {
background-color: #eeeeee;
}
.site_wrapper {
width: 1200px;
margin: 0 auto;
text-align: left;
position: relative;
}
@media screen and (max-width: 767px) {
.site_wrapper {
width: 100%;
box-sizing: border-box;
}
}
#wrapper_all {
text-align: center;
min-width: 1240px;
position: relative;
z-index: 1;
}
@media screen and (max-width: 767px) {
#wrapper_all {
min-width: 100%;
}
} .header {
border-top: 3px solid #e9e5b6;
padding-top: 10px;
}
@media screen and (max-width: 767px) {
.header {
padding-bottom: 0;
padding-top: 0px;
}
}
.bg_h1 {
padding: 5px 0;
font-size: 1.2rem;
background: #f8f8f8;
}
.bg_f1 {
background: #583c32;
color: #fff;
padding: 5px 0;
font-size: 1.2rem;
}
@media screen and (max-width: 767px) {
.bg_h1, .bg_f1 {
padding: 5px 15px;
font-size: 1.0rem;
}
}
.area_hd01 {
padding: 15px 0;
clear: both;
}
@media screen and (max-width: 767px) {
.area_hd01 {
padding: 10px 10px 10px;
box-sizing: border-box;
}
}
.area_hd01 .left_area {
float: left;
width: 440px;
}
.area_hd01 .right_area {
float: right;
width: 440px;
margin-top: 10px;
}
@media screen and (max-width: 767px) {
.area_hd01 .left_area {
width: 30px;
}
.area_hd01 .right_area {
width: 145px;
}
}
.tel_area > li {
float: left;
margin-right: 5%;
}
.tel_area li:first-child {
font-weight: bold;
font-size: 2.8rem;
line-height: 1;
text-align: center;
width: 55%;
padding: 6px 0;
}
.tel_area li:last-child {
width: 40%;
margin-right: 0;
}
.sp_hd_area li {
display: table-cell;
padding: 0 10px;
}
.mail_hd a {
background: #222;
color: #fff;
padding: 10px 30px;
width: 100%;
box-sizing: border-box;
line-height: 0;
font-size: 1.6rem;
font-weight: bold;
display: block;
text-align: center;
} .area_hd_pc{ }
@media screen and (max-width : 767px) {
.area_hd_pc{
display:none;
}
}
.area_hd_pc .left_area{
float: left;
width: 40%;
}
.area_hd_pc .center_area .hd_logo a img{
width: 60px;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
z-index: 100;
}
.area_hd_pc .right_area{
float: right;
width: 40%;
}
.hd_contact{
padding-left: 10px;
}
.hd_contact > li{ float: left;
margin-right: 2%;
letter-spacing: 2px;
font-weight: bold;
}
.hd_contact > li:last-child{
margin-right: 0;
}
.hd_contact > li.mail a{
display: block;
background:#2f1c0b;
color: #fff;
border-radius: 5px;
padding: 10px;
line-height: 1;
text-align: center;
}
.hd_contact > li.tel{
font-size: 2rem;
line-height: 1.3;
}
.g_nav li {
display: inline-block;
overflow: hidden;
position: relative;
padding: 30px 45px 0; }
.g_nav.nav02 li {
display: inline-block;
overflow: hidden;
position: relative;
padding: 25px 49px 0; }
.g_nav li a {
display: block;
position: relative;
font-weight: bold;
padding: 0 0 20px;
overflow: hidden;
font-size: 1.6rem;
text-align: center;
line-height: 1.2;
}
.g_nav li a > span {
display: block;
font-size: 1.8rem !important;
}
.g_nav li a:after {
display: block;
content: "";
width: 0%;
height: 2px;
background-color: #2f1c0b;
position: relative;
top: 8px;
margin: auto;
transition: .25s ease-out;
-webkit-transition: .25s ease-out;
-moz-transition: .25s ease-out;
-o-transition: .25s ease-out;
-ms-transition: .25s ease-out;
}
.g_nav li a:hover:after, .g_nav li.current a:after {
width: 50%;
}
.g_nav li a:hover, .g_nav li.current a {
color: #2f1c0b;
} .close {
font-weight: bold;
font-size: 20px;
text-align: right;
}
.button-toggle {}
@media screen and (max-width : 767px) {
.button-toggle {}
}
@media screen and (max-width: 767px) {
.menu {
position: fixed;
top: 0;
left: 0px;
width: 100%;
background: #f8f8f8;
overflow: hidden;
z-index: 9999;
padding: 20px;
box-sizing: border-box;
}
.menu a {
display: block;
text-decoration: none;
padding: 15px 25px;
font-size: 15px;
border-bottom: #ccc 1px dotted;
}
}
.active {} .content_area {
margin-bottom: 30px;
}
.content_area .main_area {
float: left;
width: 890px;
box-sizing: border-box;
}
.content_area .side_area {
float: right;
width: 240px;
box-sizing: border-box;
}
@media screen and (max-width: 767px) {
.content_area .main_area {
float: none;
width: 100%;
margin-bottom: 25px;
}
.content_area .side_area {
float: none;
width: 100%;
}
}
.side_ttl {
background: #33a8d0;
text-align: center;
color: #fff;
line-height: 1;
padding: 10px;
}
ul.cate li {
margin-bottom: 5px;
}
ul.cate li a {
text-decoration: underline;
}
ul.cate li:before {
content: "＞";
}
.article_list li {
padding-bottom: 20px;
margin-bottom: 15px;
border-bottom: 1px solid #ccc;
}
.article_list li:last-child {
margin-bottom: 0;
}
.side_txt_area {
padding: 20px;
border: #33a8d0 1px solid;
border-top: none;
}
.btn_pink a {
border: #ff6357 1px solid;
font-size: 1.4rem;
color: #ff6357;
display: block;
text-align: center;
padding: 15px 30px;
line-height: 1;
background: #fff;
}
.btn_green a {
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/common/arrow_03.png) no-repeat right 10px center #fff;
border: #181715 1px solid;
font-size: 1.8rem;
color: #181715;
display: block;
text-align: center;
padding: 20px 30px;
line-height: 1; }
.btn_green a:hover {
color: #fff;
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/common/arrow_04.jpg) no-repeat right 10px center #181715;
}
.btn_green_2 a {
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/common/arrow_04.png) no-repeat right 10px center #181715;
border: #181715 1px solid;
font-size: 1.8rem;
color: #fff;
display: block;
text-align: center;
padding: 20px 30px;
line-height: 1; }
.btn_green_2 a:hover {
color: #181715;
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/common/arrow_03.png) no-repeat right 10px center #fff;
}
.bg_top_area {
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/common/bg_area_01.png) no-repeat center top #fef6e6;
}
.bg_top_area_02 {
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/common/bg_area_01.png) no-repeat center top #cc8f8f;
}
.bg_top_area_03 {
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/common/bg_area_01.png) no-repeat center top #ffffff;
}
.ico_tel_in {
display: block;
}
.btn_black a, .btn_black input {
border: #333 1px solid;
font-size: 1.4rem;
color: #333;
display: block;
text-align: center;
padding: 15px 30px;
line-height: 1;
background: #fff;
}
.btn_black_02 a, .btn_black_02 input {
background: #33a8d0;
font-size: 1.4rem;
color: #fff;
display: block;
text-align: center;
padding: 15px 30px;
line-height: 1;
border: 0;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
width: 300px;
-webkit-appearance: none;
margin: 0 auto;
}
.btn_black_02 input:hover {
cursor: pointer;
opacity: 0.7;
}
.txt_area01 {
position: relative;
padding: 0.25em 1em;
border-top: solid 1px black;
border-bottom: solid 1px black;
background: #fff;
}
.txt_area01:before, .txt_area01:after {
content: '';
position: absolute;
top: -7px;
width: 1px;
height: -webkit-calc(100% + 14px);
height: calc(100% + 14px);
background-color: black;
}
.txt_area01:before {
left: 7px;
}
.txt_area01:after {
right: 7px;
}
.txt_area02 {
background-color: #fff;
border: 1px solid #181715;
padding: 15px 30px;
}
@media screen and (max-width: 767px) {
.txt_area02 {
padding: 15px 20px;
}
}
.txt_area02_tit {
color: #181715;
margin-bottom: 10px;
font-weight: bold;
font-size: 1.8rem;
}
.txt_side01 {
border-bottom: #222 1px solid;
border-top: #222 1px solid;
text-align: center;
} .btn_top a:hover *, .btn_top2 a:hover * {
opacity: 0.35;
}
.btn_top2{position: fixed;right: 80px;bottom: 20px;z-index: 100;}
@media screen and (max-width: 767px) {
.btn_top2{
width: 40px;
right:5px;
bottom:50px;
z-index:90;
}
.sp_farea{position: fixed;right: 0;bottom: 0;width: 100%;height: 43px;z-index: 80;background-color: #fff;}
}
.icon_list li, .post-categories li, .news_ico {
display: inline-block;
min-width: 50px;
text-align: center;
margin: 0 5px 5px 0;
line-height: 1;
font-size: 1.2rem; box-sizing: border-box;
}
.icon_list li.important, .post-categories li.important, .news_ico {
color: #fff;
background: #b7ad02;
}
.icon_list li.news, .post-categories li.news {
border: #f5a53c 1px solid;
background-color: #fff;
color: #f5a53c;
}
.icon_list li, .post-categories li {  color: #fff;
}
.icon_list li a, .post-categories li a {
display: inline-block;
padding: 5px 10px;
border-radius: 50px;
font-size: 1.2rem;
color: #33a8d0 !important;
background-color: #fff;
}
.column_ico li {}
.column_ico li a {
background: #fff;
color: #33a8d0;
display: block;
}
.column_ico02 li a {
background: #33a8d0;
color: #fff !important;
display: block;
}
.top_column_fig_area {}
.txt_area_column {
height: 120px;
position: relative;
}
.column_txt {
position: relative;
}
@media screen and (max-width: 767px) {
.column_top > li {
width: 100%;
margin-right: 0;
float: none;
}
.column_tit {
background-position: left 0 top 3px;
padding: 0 0 5px 30px;
margin-bottom: 10px;
border-bottom: 1px solid #aaaaaa;
min-height: auto;
}
.column_top .top_column_fig_area {
float: left;
width: 30%;
}
.column_top .column_fig {}
.column_top .column_txt {
width: 65%;
float: right;
}
.column_top .txt_area_column {
height: auto;
padding-bottom: 30px;
font-size: 1.2rem;
}
}
.seminar_btn {
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/common/arrow_02.png)no-repeat left center;
position: absolute;
right: 0;
bottom: 5px;
padding-left: 20px;
}
@media screen and (max-width: 767px) {
.seminar_btn {
position: relative;
overflow: hidden;
float: right;
margin: 10px 0;
clear: both;
}
} .bg_contact {
background-image: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/common/con_bg_01.png),url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/common/con_bg_02.png);
background-repeat: no-repeat ,no-repeat;
background-position: left top,right bottom;
border: 2px solid #2f1c0b;
position: relative;
}
.con_inbox{width: 570px;max-width: 100%;margin: auto;}
.con_txt{font-size: 2.4rem;}
.con_brn {
background:#2f1c0b;
padding: 8px;
color: #fff;
letter-spacing: 0.2;
}
@media screen and (max-width: 767px) {
.bg_contact {
background-size: 120px auto,60px auto;
}
.con_txt{font-size: 1.8rem;}
}
.ttl_contact{
text-align: center;
position:absolute;
top: -35px;
left: 0;
right: 0;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.ttl_contact{
width: 80%;
text-align: center;
position:absolute;
top: -25px;
left: 0;
right: 0;
margin: 0 auto;
}
}
.txt_contact{
font-size: 2.8rem;
letter-spacing: 2px;
font-weight: 700;
background:linear-gradient(transparent 60%, #ade1ff 60%);
display: inline-block;
}
@media screen and (max-width: 767px) {
.txt_contact{
font-size: 1.8rem;
letter-spacing: 1px;
display: inline;
}
}
.con_tel_box {
border: 1px solid #181715;
padding: 15px;
font-size: 3.2rem;
font-weight: bold;
}
.mail_side a {
font-size: 2.2rem;
background-color: #ffc600;
border: #ffc600 1px solid;
font-weight: 700;
border-radius: 50px;
display: block;
padding: 10px 30px;
text-align: center;
}
@media screen and (max-width: 767px) {
.mail_side a {
font-size: 1.6rem;
padding: 10px;
}
}
.mail_side a:hover {
background-color: #fff;
}
.ft_contact_tit {
position: relative;
margin-bottom: 20px;
}
.ft_contact_tit h2 {
font-size: 1.6rem;
border-bottom: 1px solid #fff;
position: relative;
padding-bottom: 10px;
margin-bottom: 10px;
}
.ft_contact_tit h2::after {
content: "";
position: absolute;
left: 48%;
bottom: -3px;
width: 4%;
height: 5px;
overflow: hidden;
background-color: #fff;
}
.ft_contact_en {
font-size: 4.8rem;
font-weight: bold;
line-height: 1.1;
}
@media screen and (max-width: 767px) {
.ft_contact_tit h2::after {
content: "";
position: absolute;
left: 45%;
bottom: -3px;
width: 10%;
height: 5px;
overflow: hidden;
background-color: #fff;
}
}
.footer {
background: #e9e5b6;
padding: 60px 0 20px;
}
@media screen and (max-width : 767px) {
.footer {
background: #e9e5b6;
padding: 30px 10px 10px;
}
}
.ft_area {
padding: 50px 0;
}
@media screen and (max-width: 767px) {
.footer {
margin-bottom: 43px;
}
.ft_area {
padding: 25px 15px;
}
}
.ft_area .left_area {
float: left;
width: 615px;
}
.ft_area .right_area {
float: right;
width: 315px;
}
@media screen and (max-width: 767px) {
.ft_area .left_area {
float: none;
width: 100%;
margin-bottom: 10px;
}
.ft_area .right_area {
float: none;
width: 100%;
}
}
.ft_nav{
width: 80%;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.ft_nav{
width: 90%;
}
}
.ft_nav li {
float: left;
width:calc(100% / 5);
font-size: 16px;
margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
.ft_nav li {
width: 50%;
padding: 0 5px;
box-sizing: border-box;
text-align: center;
}
}
.ft_nav li a{
color: #2f1c0b;
}
.ico_list > li{
display: inline-block;
padding: 0 10px;
}
.side_btn{position: fixed;right: 0;top: 120px;}
.side_btn > li{margin-bottom: 10px;}
.side_btn > li a{background-color: #968f3a;color: #fff;font-weight: bold;font-size: 1.5rem;justify-content: center;width: 60px;height: 130px;display: flex;text-align: center;writing-mode:vertical-rl;align-items: center;
border-radius:10px 0 0 10px;
}
@media screen and (max-width: 767px) {
.side_btn > li a{
border-radius:8px;
}
}
.side_btn > li a:hover{background-color: #2f1c0b;
opacity: 1;}
@media screen and (max-width: 767px) {
.side_btn{position: fixed;right: auto;top: auto;left: 0;
bottom: 0;width:100%;
display: flex;flex-wrap:wrap;}
.side_btn > li{margin-bottom: 0px;margin-top: 0px;width: 19%;margin-right: 1%;}
.side_btn > li:last-child{margin-right: 0;}
.side_btn > li a{background-color: #2f1c0b;color: #fff;font-weight: bold;font-size: 1.0rem;justify-content: center;width: auto;height: 40px;display: flex;text-align: center;writing-mode:horizontal-tb;align-items: center; }
} .ggmap iframe
{
border:none;
}
@media screen and (max-width: 767px) {
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.ggmap iframe, .ggmap object, .ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
.border_double {
border: #aaaaaa double 3px;
padding: 15px;
}
.ico_f01 {
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/common/ico_f01.png) left center no-repeat;
padding-left: 20px;
}
.ico_f02 {
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/common/ico_f02.png) left center no-repeat;
padding-left: 20px;
}
.ico_f03 {
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/common/ico_f03.png) left center no-repeat;
padding-left: 20px;
}
.list_f01 li {
border-top: #ccc 1px dotted;
padding-top: 15px;
margin-top: 15px;
width: 33.3333%;
float: left;
font-size: 85.7% !important;
}
.slider_txt {
position: absolute;
bottom: 190px;
left: 0;
}
@media screen and (max-width: 767px) {
.slider_txt {
bottom: 50px;
}
}
.access_detail {
display: table;
clear: both;
width: 100%;
}
.access_detail dt {
display: table-cell;
width: 15%;
}
.access_detail dd {
display: table-cell;
width: 85%;
}
@media screen and (max-width: 767px) {
.access_detail, .access_detail dt, .access_detail dd {
display: block;
width: 100%;
}
.access_detail dt {
background: #f2f2f2;
}
}
.bg_movie {
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/top/bg_top_01.png) left top no-repeat, url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/top/bg_top_02.png) right bottom no-repeat;
padding: 80px 0;
}
@media screen and (max-width: 767px) {
.bg_movie {
padding: 30px 0;
background-size: 50%;
}
}
.youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
margin-bottom: 30px;
}
.youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
@media screen and (max-width: 767px) {
.li_link_bnr img {
width: 100%;
}
}
 .line_01 {
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/common/line_white_l.png) center bottom no-repeat;
padding-bottom: 25px;
margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
.line_01 {
background-size: 200px;
padding-bottom: 25px;
margin-bottom: 40px;
line-height: 1.1;
}
} .f_lato {
font-family: 'Lato', "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.f_min {
font-family: 'Noto Serif JP', "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
@font-face {
font-family: 'hannari';
src: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/font/hannari.eot) format('embedded-opentype');
src: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/font/hannari.otf) format('opentype');
} .sp_w_60 {}
@media screen and (max-width: 767px) {
.sp_w_60 {
width: 60%;
margin: 0 auto;
}
}
.relative {
position: relative;
}
.indent_content {
padding: 100px 0;
}
@media screen and (max-width: 767px) {
.indent_content {
padding: 35px 15px;
}
}
.indent_content02 {
padding: 35px 0;
}
@media screen and (max-width: 767px) {
.indent_content02 {
padding: 25px 15px;
}
}
.indent_content03 {
padding: 100px 0 0;
}
@media screen and (max-width: 767px) {
.indent_content03 {
padding: 35px 15px 0;
}
}
.txt_box {
padding: 40px;
}
@media screen and (max-width: 767px) {
.txt_box {
padding: 15px;
}
}
.txt_box_white {
padding: 10px 20px 20px;
background: #fff;
}
@media screen and (max-width: 767px) {
.txt_box_white {
padding: 10px;
}
}
.sp_none {}
@media screen and (max-width: 767px) {
.sp_none {
display: none;
}
}
.pc_none {
display: none;
}
@media screen and (max-width: 767px) {
.pc_none {
display: block;
}
}
.pc_center {
text-align: center;
}
@media screen and (max-width: 767px) {
.pc_center {
text-align: left;
}
}
.f_pink {
color: #ff6357;
}
.lh_1 {
line-height: 1;
}
.lh_1_3 {
line-height: 1.3;
}
.lh_2 {
line-height: 2;
}
@media screen and (max-width: 767px) {
.lh_2 {
line-height: 1.6;
}
}
.sp_mb10, .sp_mb15, .sp_mb20, .sp_mb30 {
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.sp_mb10 {
margin-bottom: 10px;
}
.sp_mb15 {
margin-bottom: 10px;
}
.sp_mb20 {
margin-bottom: 20px;
}
.sp_mb30 {
margin-bottom: 30px;
}
}
.ls_1 {
letter-spacing: 1px;
}
.ls_2 {
letter-spacing: 2px;
}
.ls_3 {
letter-spacing: 3px;
}
.w_100 {
width: 100%;
} .f_white {
color: #fff !important;
}
.f_red {
color: #ff3333 !important;
}
.f_blue {
color: #33a8d0;
}
.f_blue02 {
color: #1162aa;
} .i_w img {
width: 100%;
margin: auto;
} .bg_white {
background: #fff;
}
.bg_gray {
background-color: #faf7f2;
} .sp_center {}
@media screen and (max-width : 767px) {
.sp_center {
text-align: center;
}
}
@media screen and (max-width : 767px) {
figure {
text-align: center;
}
}
.bg_ptn01 {
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/common/bg_ptn01.jpg) left top repeat;
}
.bg_ptn02 {
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/common/bg_ptn02.jpg) left top repeat;
}
.bg_ptn03 {
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/common/bg_ptn03.jpg) left top repeat;
}
.bg_ptn04 {
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/common/bg_ptn04.jpg) left top repeat;
}
.bg_ptn05 {
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/common/bg_ptn05.jpg) left top repeat;
} .sp_none {}
@media screen and (max-width : 767px) {
.sp_none {
display: none;
}
}
.pc_none {
display: none;
}
@media screen and (max-width : 767px) {
.pc_none {
display: inherit;
}
}
.dn {
display: none;
}
.sp_indent15_lr {}
@media screen and (max-width : 767px) {
.sp_indent15_lr {
padding: 0 15px;
}
}
@media screen and (max-width: 767px) {
.indent_sp {
padding: 0 15px !important;
}
} .btn_under_bt {
text-align: right;
}
.btn_under_bt a {
text-decoration: underline;
font-size: 1.6rem;
font-weight: bold;
}
.btn_01 a {
display: block;
width: 570px;
max-width: 100%;
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/common/arrow_08.png)no-repeat right 20px center #2f1c0b;
padding: 15px;
box-sizing: border-box;
text-align: center;
margin: 0 auto;
font-weight: bold;
color: #fff;
font-size: 2rem;
border: #2f1c0b 1px solid;
border-radius: 10px;
}
@media screen and (max-width : 767px) {
.btn_01 a {
width: 100%;
font-size: 1.5rem;
}
}
.btn_01 a:hover {
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/common/arrow_09.png)no-repeat right 20px center #fff;
opacity: 1;
color: #2f1c0b;
border: #2f1c0b 1px solid;
}
.btn_02 a {
display: block;
width: 570px;
max-width: 100%;
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/common/arrow_09.png)no-repeat right 20px center #fff;
padding: 15px;
box-sizing: border-box;
text-align: center;
margin: 0 auto;
font-weight: bold;
color: #2f1c0b;
font-size: 2rem;
border: #fff 1px solid;
border-radius: 5px;
}
@media screen and (max-width : 767px) {
.btn_02 a {
width: 100%;
font-size: 1.5rem;
}
}
.btn_02 a:hover {
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/common/arrow_08.png)no-repeat right 20px center #2f1c0b;
opacity: 1;
color: #fff;
border: #2f1c0b 1px solid;
}
.btn_03 a {
display: block;
width: 400px;
max-width: 100%;
background: #33a8d0;
padding: 15px;
box-sizing: border-box;
text-align: center;
margin: 0 auto;
font-weight: bold;
border-radius: 50px;
color: #fff;
font-size: 2rem;
border: #33a8d0 1px solid;
}
@media screen and (max-width : 767px) {
.btn_03 a {
width: 100%;
font-size: 1.5rem;
}
}
.btn_03 a:hover {
background: #fff;
opacity: 1;
color: #33a8d0;
border: #33a8d0 1px solid;
}
.btn_list a {
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/common/arrow.png) left 10px center no-repeat #000;
color: #fff;
width: 400px;
max-width: 100%;
margin: 0 auto;
padding: 20px;
box-sizing: border-box;
line-height: 1;
text-align: center;
display: block;
}
@media screen and (max-width: 767px) {
.btn_list a {
width: 100%;
padding: 10px;
}
}
.news_ttl {
margin-bottom: 20px;
padding: 2px 0 2px 0px;
font-size: 1.8rem;
}
.news_ttl_span {
font-weight: 300;
font-size: 3.2rem;
}
@media screen and (max-width: 767px) {
.news_ttl_span {
font-weight: 300;
font-size: 2.4rem;
}
}
.news_ttl {
border-bottom: 1px solid #181715;
}
.news_ttl a {
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/common/arrow_07.png) no-repeat right 10px center #181715;
display: inline-block;
position: absolute;
right: 0;
bottom: 0;
padding: 3px 40px;
color: #fff;
font-size: 1.4rem;
border-radius: 3px 3px 0 0;
}
@media screen and (max-width: 767px) {
.news_ttl a {
display: none;
}
} .border_01 {
border-bottom: #ddd 1px solid;
padding-bottom: 15px;
margin-bottom: 20px;
} .ttl_01 {
position: relative;
margin-bottom: 30px;
}
.ttl_01 .en {
font-size: 2rem;
line-height: 1.1;
z-index: 1;
text-transform: capitalize;
letter-spacing: 2px;
}
.ttl_01 .jp {
font-weight: 700;
font-size: 3rem;
margin-bottom: 5px;
letter-spacing: 3px;
font-family: 'Noto Serif JP', "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
@media screen and (max-width: 767px) {
.ttl_01 {
margin-bottom: 30px;
}
.ttl_01 .en {
font-size: 1.4rem;
}
.ttl_01 .jp {
font-size: 2.2rem;
letter-spacing: 1px;
}
}
.ttl_01.white {
color: #fff;
}
.ttl_01_yoko {
position: relative;
margin-bottom: 75px;
}
.ttl_01_yoko::before {
content: "";
position: absolute;
background: #222;
width: 100px;
height: 1px;
bottom: -15px;
left: 0;
}
.ttl_01_yoko .en {
font-size: 3.2rem;
line-height: 1.1;
z-index: 1;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
}
.ttl_01_yoko .jp {
font-weight: 500;
font-size: 1.6rem;
margin-bottom: 5px;
letter-spacing: 2px;
}
@media screen and (max-width: 767px) {
.ttl_01_yoko {
margin-bottom: 40px;
}
.ttl_01_yoko::before {
width: 60px;
bottom: -10px;
}
.ttl_01_yoko .en {
font-size: 2.4rem;
}
.ttl_01_yoko .jp {
font-size: 1.2rem;
letter-spacing: 1px;
}
}
.ttl_02 {
position: relative;
margin-bottom: 40px;
font-weight: bold;
font-size: 2.8rem;
padding-left: 70px;
}
.ttl_02::before {
content: "";
display: block;
position: absolute;
left: 0;
top: 50%;
width: 60px;
height: 1px;
background-color: #222;
}
@media screen and (max-width: 767px) {
.ttl_02 {
margin-bottom: 25px;
font-size: 2.0rem;
padding-left: 50px;
}
.ttl_02::before {
width: 40px;
}
}
.ttl_03 {
border-bottom:1px solid #2f1c0b;
padding: 10px 0px;
font-size: 2.4rem;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.ttl_03 {
font-size: 1.8rem;
}
} .col_1_1 > .left_area {
float: left;
width: 50%;
}
.col_1_1 > .right_area {
float: right;
width: 50%;
}
@media screen and (max-width : 767px) {
.col_1_1 > .left_area {
float: none;
width: 100%;
}
.col_1_1 > .right_area {
float: none;
width: 100%;
}
}
.col_2 > li {
width: 48%;
margin-right: 4%;
margin-bottom: 4%;
float: left;
}
.col_2 > li:nth-child(2n) {
margin-right: 0;
float: right;
}
.col_2 > .left_area {
float: left;
width: 48%;
}
.col_2 > .right_area {
float: right;
width: 48%;
}
.col_2 > li h4 {
padding: 5px 0;
font-weight: bold;
}
@media screen and (max-width : 767px) {
.col_2 > .left_area {
float: none;
width: 100%;
margin-bottom: 10px;
}
.col_2 > .right_area {
float: none;
width: 100%;
}
.col_2 > li {
float: none;
width: 100%;
margin-right: 0px !important;
}
}
.col_2_1 > .left_area {
float: left;
width: 57%;
box-sizing: border-box;
}
.col_2_1 > .right_area {
float: right;
width: 40%;
box-sizing: border-box;
} @media screen and (max-width : 767px) {
.col_2_1 > .left_area {
float: none;
width: 100%;
box-sizing: border-box;
}
.col_2_1 > .right_area {
float: none;
width: 100%;
box-sizing: border-box;
}
}
.col_1_2 > .left_area {
float: left;
width: 40%;
box-sizing: border-box;
}
.col_1_2 > .right_area {
float: right;
width: 57%;
box-sizing: border-box;
}
@media screen and (max-width : 767px) {
.col_1_2 > .left_area {
float: none;
width: 100%;
box-sizing: border-box;
}
.col_1_2 > .right_area {
float: none;
width: 100%;
box-sizing: border-box;
}
}
.col_3_1 > .left_area {
float: left;
width: 71%;
box-sizing: border-box;
}
.col_3_1 > .right_area {
float: right;
width: 25%;
box-sizing: border-box;
}
@media screen and (max-width : 767px) {
.col_3_1 > .left_area {
float: none;
width: 100%;
box-sizing: border-box;
}
.col_3_1 > .right_area {
float: none;
width: 100%;
box-sizing: border-box;
}
}
.col_1_3 > .left_area {
float: left;
width: 25%;
box-sizing: border-box;
}
.col_1_3 > .right_area {
float: right;
width: 71%;
box-sizing: border-box;
}
@media screen and (max-width : 767px) {
.col_1_3 > .left_area {
float: none;
width: 100%;
box-sizing: border-box;
}
.col_1_3 > .right_area {
float: none;
width: 100%;
box-sizing: border-box;
}
}
.col_3 > li {
width: 31%;
margin-right: 3%;
margin-bottom: 4%;
float: left;
}
@media screen and (max-width : 767px) {
.col_3 > li {
width: 100%;
margin-right: 0;
float: none;
margin-bottom: 25px;
}
}
.col_3 > li:nth-child(3n) {
margin-right: 0;
}
.col_3_sp_2 > li {
width: 31%;
margin-right: 3.5%;
float: left;
margin-bottom: 3.5%;
}
.col_3_sp_2 > li:nth-child(3n) {
margin-right: 0;
}
@media screen and (max-width : 767px) {
.col_3_sp_2 > li {
width: 48%;
float: left;
margin-right: 4%;
}
.col_3_sp_2 > li:nth-child(3n) {
margin-right: 4%;
}
.col_3_sp_2 > li:nth-child(even) {
margin-right: 0 !important;
}
}
.col_4 > li {
float: left;
box-sizing: border-box;
width: 23.5%;
margin-right: 2%;
margin-bottom: 2%;
}
.col_4 > li:nth-child(4n) {
margin-right: 0%;
}
@media screen and (max-width : 767px) {
.col_4 > li {
float: left;
box-sizing: border-box;
width: 48%;
margin-right: 4%;
margin-bottom: 4%;
}
.col_4 > li:nth-child(4n) {
margin-right: 2%;
}
.col_4 > li:nth-child(2n) {
margin-right: 0%;
}
}
.col_5 > li {
float: left;
width: 17.6%;
margin-right: 3%;
margin-bottom: 3%;
}
.col_5 > li:nth-child(5n) {
margin-right: 0%;
}
@media screen and (max-width : 767px) {
.col_5 > li {
float: left;
text-align: center;
box-sizing: border-box;
width: 48%;
margin-right: 4%;
margin-bottom: 4%;
}
.col_5 > li:nth-child(5n) {
margin-right: 4%;
}
.col_5 > li:nth-child(2n) {
margin-right: 0%;
}
}
.pager_posting a {
display: inline-block;
padding: 5px;
border-radius: 5px;
border: 1px solid #333;
}  .blog_detail_top {
background-color: #fff;
border-bottom: #ddd 1px dotted;
padding-bottom: 15px;
margin-bottom: 15px;
}
@media screen and (max-width : 767px) {
.blog_detail_top {
margin-bottom: 20px;
}
}
.blog_detail_top .left_area {
float: left;
width: 25%;
font-size: 1.4rem;
}
.blog_detail_top .left_area a {
color: #fff;
}
.blog_detail_top .right_area {
float: right;
width: 73%;
}
@media screen and (max-width : 767px) {
.blog_detail_top .left_area {
float: none;
width: 100%;
margin-bottom: 10px;
}
.blog_detail_top .right_area {
float: none;
width: 100%;
}
}
.blog_detail_top .right_area a {
text-decoration: underline;
}
.news_days_cat > li {
display: inline-block;
} @media (max-width: 480px) {
#sb_instagram.sbi_col_10 #sbi_images .sbi_item, #sb_instagram.sbi_col_3 #sbi_images .sbi_item, #sb_instagram.sbi_col_4 #sbi_images .sbi_item, #sb_instagram.sbi_col_5 #sbi_images .sbi_item, #sb_instagram.sbi_col_6 #sbi_images .sbi_item, #sb_instagram.sbi_col_7 #sbi_images .sbi_item, #sb_instagram.sbi_col_8 #sbi_images .sbi_item, #sb_instagram.sbi_col_9 #sbi_images .sbi_item {
width: 50% !important;
}
#sb_instagram .sbi_photo {
display: block;
text-decoration: none;
background-size: 100% !important;
height: 150px !important;
}
} nav#breadcrumbs {
padding: 10px 0 20px;
}
@media screen and (max-width: 767px) {
nav#breadcrumbs {
padding: 10px 15px 30px;
}
}
nav#breadcrumbs ol li {
display: inline;
list-style-type: none;
font-size: 1.2rem;
}
nav#breadcrumbs ol li:before {
content: "　>　";
}
nav#breadcrumbs ol li:first-child:before {
content: "";
} .concept_col_3 {
clear: both;
margin-bottom: 30px;
}
.concept_col_3 > li {
position: relative;
top: 0;
left: 0;
width: 32%;
float: left;
margin-right: 2%;
}
.concept_col_3 > li:nth-child(3n) {
margin-right: 0;
}
.concept_col_3_txt {
margin-top: -50px;
text-align: center;
font-size: 1.8rem;
}
.concept_col_3_txt .con_w_box {
background-color: #fff;
padding: 15px;
width: 170px;
font-size: 2.2rem;
font-weight: 500;
position: relative;
margin: auto;
}
@media screen and (max-width: 767px) {
.concept_col_3 > li {
width: 100%;
float: left;
margin-right: 0;
clear: both;
}
.concept_col_3 > li figure {
width: 30%;
float: left;
}
.concept_col_3 > li .concept_col_3_txt {
width: 65%;
float: right;
}
.concept_col_3_txt {
margin-top: 0px;
text-align: center;
font-size: 1.8rem;
}
}
.con_w_box_bd {
position: relative;
z-index: 1;
font-size: 2.2rem;
font-weight: 300;
line-height: 1.1;
}
.con_w_box_bd::after {
content: "";
background-color: #fff100;
width: 130px;
height: 5px;
display: block;
overflow: hidden;
z-index: -1;
position: absolute;
left: 50%;
top: 12px;
margin-left: -65px;
}
.concept_col_3_txt_c {
font-weight: bold;
}
.concept_tit .forum {
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/concept/ico_01.png) no-repeat left top;
color: #135997;
padding: 2px 0 10px 25px;
overflow: hidden;
clear: both;
display: block;
font-size: 1.2rem;
}
.concept_tit {
border-bottom: 2px solid #135997;
padding-bottom: 10px;
margin-bottom: 30px;
}
.con_tit {
border: 1px solid #181715;
height: 180px;
margin-bottom: 30px;
position: relative;
z-index: 0;
}
@media screen and (max-width: 767px) {
.con_tit {
height: auto;
}
.con_w_box_bd {
position: relative;
z-index: 1;
font-size: 1.8rem;
font-weight: 300;
line-height: 1.1;
}
.concept_col_3_txt {
margin-top: 0px;
text-align: center;
font-size: 1.6rem;
}
}
.con_tit .con_num {
width: 130px;
overflow: hidden;
float: right;
text-align: center;
padding: 15px 0;
font-size: 2.0rem;
font-weight: 300;
z-index: 1;
position: relative;
}
.con_tit .con_num::before {
content: "";
background-color: #fff100;
width: 130px;
height: 5px;
display: block;
overflow: hidden;
z-index: -1;
position: absolute;
right: 0;
top: 31px;
}
.con_tit h4 {
font-weight: bold;
font-size: 2.0rem;
text-align: center;
padding: 30px 15px;
overflow: hidden;
clear: both;
letter-spacing: 0.1rem;
}
.con_col_1_2 .left_area {
width: 32%;
float: left;
}
.con_col_1_2 .right_area {
width: 64%;
float: right;
}
.con_col_2_1 .right_area {
width: 32%;
float: right;
}
.con_col_2_1 .left_area {
width: 64%;
float: left;
} @media screen and (max-width: 767px) {
.con_col_1_2 .left_area {
width: 100%;
float: none;
margin-bottom: 20px;
}
.con_col_1_2 .right_area {
width: 100%;
float: none;
}
.con_col_2_1 .right_area {
width: 100%;
float: none;
margin-bottom: 20px;
}
.con_col_2_1 .left_area {
width: 100%;
float: none;
}
.con_tit {
position: relative;
width: 100%;
left: 0;
}
.con_tit .con_num {
width: 100%;
float: none;
}
.con_tit .con_num::before {
content: "";
background-color: #fff100;
width: 130px;
height: 5px;
display: block;
overflow: hidden;
z-index: -1;
position: absolute;
right: 50%;
top: 31px;
margin-right: -65px;
}
.con_tit h4 {
padding: 0 5px 15px;
font-size: 1.7rem;
}
} .bg_rec_01 {
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/about/bg_01.jpg) center top no-repeat;
padding: 30px;
background-size: cover;
}
.bg_about {
background: #e8f3fd;
padding: 30px 0;
}
.bg_rec_02 {
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/recruit/bg_02.jpg) center top no-repeat;
padding: 30px;
background-size: cover;
}
.bg_rec_02 .f_16 {
text-align: center;
}
@media screen and (max-width: 767px) {
.bg_rec_01, .bg_rec_02 {
padding: 15px;
}
.bg_rec_02 .f_16 {
text-align: left;
}
}
.txt_area_rec {
background: rgba(255, 255, 255, 0.7);
line-height: 2;
padding: 30px;
}
@media screen and (max-width: 767px) {
.txt_area_rec {
line-height: 1.8;
padding: 15px;
}
}
.about_tit {
font-size: 3.2rem;
}
.about_tit span {
color: #ea6398;
}
.rec_table {
margin-bottom: 60px;
}
.rec_table th {
background: #135997;
width: 200px;
box-sizing: border-box;
vertical-align: middle;
color: #fff;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.rec_table {
margin-bottom: 30px;
}
.rec_table th {
width: 100%;
display: block;
}
}
.rec_table td {
width: 780px;
box-sizing: border-box;
vertical-align: middle;
}
@media screen and (max-width: 767px) {
.rec_table td {
width: 100%;
display: block;
}
}
.rec_table {
border-top: #ccc 1px solid;
border-left: #ccc 1px solid;
width: 100%;
}
.rec_table th, .rec_table td {
padding: 15px 25px;
border-bottom: #ccc 1px solid;
border-right: #ccc 1px solid;
}
@media screen and (max-width: 767px) {
.rec_table th, .rec_table td {
padding: 10px 15px;
}
} .news_area > li {
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: #ccc 1px solid;
}
.news_area > li a:hover {
display: block;
opacity: 0.6;
}
.news_list div {
float: left;
margin-right: 25px;
} #wysi h1 {
font-size: 3rem;
font-weight: bold;
}
#wysi h2 {
font-size: 2.5rem;
font-weight: bold;
}
#wysi h3 {
font-size: 2rem;
font-weight: bold;
}
#wysi h4 {
font-size: 1.6rem;
font-weight: bold;
}
#wysi h5 {
font-weight: bold;
}
#wysi p {
margin-bottom: 10px;
}
.blog_img {
text-align: center;
padding: 1% 0 4%;
overflow: hidden;
clear: both;
}
.blog_img img {
max-width: 100%;
height: auto;
width: 480px;
}
.tablepress {
max-width: 100%;
margin-right: 1px;
border-left: #ccc 1px solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.tablepress * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.tablepress tfoot th, .tablepress thead th {
background: #92ab30;
text-align: center;
color: #fff;
font-weight: bold;
}
.tablepress td {
width: 20%;
border-bottom: #ccc 1px solid;
border-right: #ccc 1px solid;
padding: 15px;
} .box_tel {
color: #33a8d0;
line-height: 1.4;
display: inline-block;
}
@media screen and (max-width: 767px) {
.box_tel {
text-align: left;
}
}
.contact_tel a {
display: block;
}
.contact_tel {
border: #33a8d0 1px solid;
text-align: center;
padding: 20px;
margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
.contact_tel {
border: #33a8d0 1px solid;
text-align: center;
padding: 15px;
margin-bottom: 20px;
}
}
ul.bxslider01 li p {
background-color: rgba(255, 255, 255, .50);
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 8px;
font-size: 1.2rem;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
}
.ico_required {
color: #fff;
font-size: 1.2rem;
background: #ff3232;
line-height: 1;
padding: 2px 4px;
}
.contact_form {
background: #f3f3f3;
padding: 20px 30px;
line-height: 1;
}
@media screen and (max-width: 767px) {
.contact_form {
padding: 15px;
}
}
.contact_form dt {
display: table-cell;
width: 215px;
vertical-align: middle;
}
@media screen and (max-width: 767px) {
.contact_form dt {
display: block;
width: 100%;
margin-bottom: 10px;
}
}
.contact_form dd {
display: table-cell;
width: 705px;
vertical-align: middle;
}
@media screen and (max-width: 767px) {
.contact_form dd {
display: block;
width: 100%;
}
}
.contact_form input, .contact_form textarea {
box-sizing: border-box;
padding: 10px;
}
.contact_form input[type=text], .contact_form input[type=email] {
width: 100%;
}
.contact_form textarea {
width: 100%;
height: 250px;
}
@media screen and (max-width: 767px) {
.contact_form input, .contact_form textarea, .contact_form select {
font-size: 1.6rem;
padding: 5px;
}
.contact_form textarea {
height: 150px;
}
}
select.time, select.lesson {
padding: 10px;
box-sizing: border-box;
}
@media screen and (max-width: 767px) {
select.time, select.lesson {
width: 100%;
}
}
.contact_form select option {
line-height: 2 !important;
font-size: 1.6rem;
}
.flow_list li {
float: left;
width: 22%;
margin-right: 4%;
position: relative;
}
@media screen and (max-width: 767px) {
.flow_list li {
float: left;
width: 48%;
margin-right: 2%;
position: relative;
}
}
.flow_list li:after {
content: ' ';
position: absolute;
top: 50%;
right: -25px;
width: 10px;
height: 30px;
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/contact/arrow.png) no-repeat center center;
}
@media screen and (max-width: 767px) {
.flow_list li:after {
display: none;
}
}
.flow_list li.last:after {
content: ' ';
position: absolute;
top: 50%;
right: -16px;
width: 10px;
height: 30px;
background: none;
}
.flow_list li:last-child {
margin-right: 0;
}
.step {
border-left: #c9be9c 4px solid;
line-height: 1;
padding-left: 10px;
margin-bottom: 10px;
}
.flow_01 {
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/flow/bg_01.jpg.png)no-repeat right bottom;
}
.flow_02 {
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/flow/bg_02.jpg.png)no-repeat right bottom;
}
.flow_03 {
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/flow/bg_03.jpg.png)no-repeat right bottom;
}
.flow_04 {
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/flow/bg_04.jpg.png)no-repeat right bottom;
}
.flow_05 {
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/flow/bg_05.jpg.png)no-repeat right bottom;
}
.flow_06 {
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/flow/bg_06.jpg.png)no-repeat right bottom;
} .area_voice .left_area {
float: left;
width: 335px;
}
.area_voice .right_area {
float: right;
width: 335px;
}
@media screen and (max-width : 760px) {
.area_voice .left_area {
float: none;
width: 100%;
margin-bottom: 10px;
}
.area_voice .right_area {
float: none;
width: 100%;
}
}
.area_voice .right_area ul li {
margin-bottom: 5px;
}
.bg_voice01 {
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/voice/bg_01.jpg) top center repeat;
padding: 20px; box-shadow: 0px 0px 0px 3px #ffffff inset;
-moz-box-shadow: 0px 0px 0px 3px #ffffff inset;
-webkit-box-shadow: 0px 0px 0px 3px #ffffff inset;
border: #ccc 1px solid;
}
@media screen and (max-width : 760px) {
.bg_voice01 {
padding: 20px 10px;
}
}
.ttl_voice01 {
overflow: hidden;
line-height: 1;
}
.ttl_voice01 span {
position: relative;
display: inline-block;
padding-right: 1em;
text-align: left;
}
.ttl_voice01 span::after {
position: absolute;
top: 50%;
content: '';
width: 690px;
height: 1px;
background-color: #ccc;
}
.ttl_voice01 span::after {
left: 100%;
}
.ttl_voice02 {
overflow: hidden;
text-align: center;
}
.ttl_voice02 span {
position: relative;
display: inline-block;
margin: 0 2.5em;
padding: 0 1em;
text-align: left;
}
.ttl_voice02 span::before, .ttl_voice02 span::after {
position: absolute;
top: 50%;
content: '';
width: 400%;
height: 1px;
background-color: #ccc;
}
.ttl_voice02 span::before {
right: 100%;
}
.ttl_voice02 span::after {
left: 100%;
}
.border_b03 {
border-bottom: #ccc 1px dotted;
padding-bottom: 5px;
margin-bottom: 10px;
}
.ttl_03_center {
overflow: hidden;
text-align: center;
font-size: 171.4%;
font-weight: bold;
letter-spacing: 2px;
margin-bottom: 20px;
}
@media screen and (max-width : 760px) {
.ttl_03_center {
font-size: 150%;
}
}
.ttl_03_center span {
position: relative;
display: inline-block;
margin: 0 2.5em;
padding: 0 1em;
text-align: left;
}
@media screen and (max-width : 760px) {
.ttl_03_center span {
margin: 0 1em;
}
}
.ttl_03_center span::before, .ttl_03_center span::after {
position: absolute;
top: 70%;
content: '';
width: 400%;
height: 1px;
background-color: #333;
}
.ttl_03_center span::before {
right: 100%;
}
.ttl_03_center span::after {
left: 100%;
}
.service_ttl {
border-bottom: 5px solid #135997;
max-width: 50%;
text-align: center;
font-size: 2.4rem;
padding: 10px;
margin: auto;
position: relative;
}
.service_ttl::after {
background: #fff;
position: absolute;
bottom: -4px;
z-index: 2;
left: 50%;
margin-left: -15%;
content: '';
width: 30%;
height: 4px;
}
@media screen and (max-width : 760px) {
.service_ttl {
max-width: 100%;
}
}
.bg_voice {
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/voice/bg_01.gif) left top repeat;
padding: 25px;
box-shadow: 0px 0px 0px 5px #ffffff inset;
-moz-box-shadow: 0px 0px 0px 5px #ffffff inset;
-webkit-box-shadow: 0px 0px 0px 5px #ffffff inset;
border: #cccccc 1px solid;
}
.bg_top_white {
background: rgba(255, 255, 255, 0.8);
padding: 30px;
position: relative;
}
@media screen and (max-width: 767px) {
.bg_top_white {
padding: 15px;
}
}
.renovation_area {
background: #000;
color: #fff;
padding: 20px;
font-size: 20px;
font-weight: bold;
}
.cat_area li {
border-bottom: none;
padding: 5px 10px !important;
line-height: 1em;
display: inline-block;
background: #bbb;
border-radius: 50px;
color: #fff;
font-size: 85.7%;
margin-bottom: 0;
}
.cat_area li a {
color: #fff;
}
.col_flow {
border-bottom: #61782e 1px solid;
border-top: #61782e 1px solid;
}
.col_flow .left_area {
float: left;
width: 48%;
}
.col_flow .right_area {
float: right;
width: 52%;
}
@media screen and (max-width : 760px) {
.col_flow .left_area {
float: none;
width: 100%;
}
.col_flow .right_area {
float: none;
width: 100%;
}
}
.txt_flow01 {
font-size: 2.4rem;
padding: 15px;
border-bottom: #61782e 1px solid;
}
@media screen and (max-width : 760px) {
.txt_flow01 {
font-size: 2rem;
padding: 10px 15px;
}
}
.bg_flow {
background: #fcf9f4;
padding: 10px;
}
.triangle3 {
width: 0;
height: 0;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-top: 30px solid #583c32;
margin: 0 auto;
} .com_dl {
width: 100%;
}
.com_dl th {
width: 15%;
border-bottom: #ddd 1px solid;
padding: 15px;
box-sizing: border-box;
font-weight: bold;
}
.com_dl td {
width: 85%;
border-bottom: #ddd 1px solid;
padding: 15px;
box-sizing: border-box;
}
.com_dl td ul{
}
.com_dl td ul > li{
display: inline-block;
margin-bottom: 5px;
}
@media screen and (max-width : 767px) {
.com_dl th {
width: 100%;
display: block;
padding: 10px;
background: #eee;
border-bottom: none;
}
.com_dl td {
width: 100%;
display: block;
padding: 10px;
border-bottom: none;
}
.com_dl td ul{
width: 100%;
}
}
.opinion_area dl {
border-bottom: 1px solid #eee;
display: table;
}
.opinion_area dl:nth-child(even) dt {
background: #d2d2d2;
}
.opinion_area dt {
background: #eeeeee;
font-weight: bold;
width: 30%;
display: table-cell;
padding: 10px;
}
.opinion_area dd {
background: #fff;
width: 70%;
display: table-cell;
padding: 10px;
}
@media screen and (max-width : 760px) {
.opinion_area dl {
display: block;
}
.opinion_area dt {
width: 100%;
display: block;
padding: 10px;
}
.opinion_area dd {
width: 100%;
display: block;
}
}
.ttl_design {
background-color: #fff;
position: absolute;
left: 0;
top: 0;
font-weight: bold;
font-size: 3.6rem;
padding: 0 40px 40px 0;
}
@media screen and (max-width : 760px) {
.ttl_design {
background-color: #fff;
position: absolute;
left: 0;
top: 0;
font-weight: bold;
font-size: 2.0rem;
padding: 10px 20px 10px 0;
}
}
 .bg_ttl{
background-size: cover !important;
padding: 100px 0 80px;
color: #fff;
}
@media screen and (max-width: 767px) {
.bg_ttl{
padding: 30px 10px;
color: #fff;
}
}
.bg_ttl_concept{
background:url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/concept/bg_ttl.jpg) center top no-repeat;
}
.bg_ttl_faq{
background:url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/faq/bg_ttl.jpg) center top no-repeat;
}
.bg_ttl_voice{
background:url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/faq/bg_ttl.jpg) center top no-repeat;
}
.bg_ttl_shop-info{
background:url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/shop/bg_ttl.jpg) center top no-repeat;
}
.bg_ttl_products {
background:url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/content/bg_ttl.jpg) center top no-repeat;
}
.bg_ttl_pickup{
background:url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/pickup/bg_ttl.jpg) center top no-repeat;
}
.bg_ttl_trouble{
background:url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/trouble/bg_ttl.jpg) center top no-repeat;
}
.bg_ttl_flow{
background:url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/flow/bg_ttl.jpg) center top no-repeat;
}
.bg_ttl_case{
background:url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/case/bg_ttl.jpg) center top no-repeat;
}
.bg_ttl_column{
background:url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/column/bg_ttl.jpg) center top no-repeat;
}
.bg_ttl_company{
background:url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/company/bg_ttl.jpg) center top no-repeat;
}
.bg_ttl_contact,.bg_ttl_confirmation,.bg_ttl_thanks,.bg_ttl_error{
background:url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/contact/bg_ttl.jpg) center top no-repeat;
}
.bg_ttl_privacy{
background:url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/privacy/bg_ttl.jpg) center top no-repeat;
}
.bg_ttl_esthetic{
background:url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/esthetic/bg_ttl.jpg) center top no-repeat;
}
.bg_ttl .site_wrapper > .en{
font-size: 4rem; letter-spacing:4px;
text-transform: uppercase;
}
.bg_ttl .site_wrapper > .ja{
font-size: 2.6rem; letter-spacing: 3px;
}
@media screen and (max-width: 767px) {
.bg_ttl .site_wrapper > .en{
font-size: 2.6rem;
}
.bg_ttl .site_wrapper > .ja{
font-size: 2rem;
}
} .list_trouble > li{
float: left;
width: 23.5%;
margin-right: 2%;
position: relative;
}
@media screen and (max-width: 767px) {
.list_trouble > li{
width: 49%;
}
}
.list_trouble > li:last-child{
margin-right: 0;
}
@media screen and (max-width: 767px) {
.list_trouble > li:nth-child(2n){
margin-right: 0;
}
.list_trouble > li:nth-child(1),
.list_trouble > li:nth-child(2){
margin-bottom: 40px;
}	
}
.list_trouble > li:nth-child(odd){
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/common/bg_ptn05.jpg) left top repeat;
padding:10px 5px 5px;
}
.list_trouble > li:nth-child(even){
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/common/bg_ptn01.jpg) left top repeat;
padding:10px 5px 5px;
}
.list_trouble > li:nth-child(odd)::after{
content: "";
position: absolute;
bottom: -40px;
left: 0;
right: 0;
margin: 0 auto;
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/trouble/arrow_01.png) center bottom no-repeat;
width: 40px;
height: 21px;
}
@media screen and (max-width: 767px) {
.list_trouble > li:nth-child(odd)::after{
bottom: -20px;
background-size: cover;
width: 20px;
height: 10px;
}
}
.list_trouble > li:nth-child(even)::after{
content: "";
position: absolute;
bottom: -40px;
left: 0;
right: 0;
margin: 0 auto;
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/trouble/arrow_02.png) center bottom no-repeat;
width: 40px;
height: 21px;
}
@media screen and (max-width: 767px) {
.list_trouble > li:nth-child(even)::after{
bottom: -20px;
background-size: cover;
width: 20px;
height: 10px;
}
}
.list_trouble > li img{
width: 100%;
height: auto;
}
.box_trouble01 .left_area{
float: left;
width: 50%;
background: #fff;
padding: 20px;
box-sizing: border-box;
text-align: center;
border-right: #ddd 1px solid;
}
@media screen and (max-width: 767px) {
.box_trouble01 .left_area{
float: none;
width: 100%;
padding: 5px;
border-right: none;
}
}
.box_trouble01 .right_area{
float: right;
width: 50%;
background: #fff;
padding: 20px;
box-sizing: border-box;
text-align: center;
}
@media screen and (max-width: 767px) {
.box_trouble01 .right_area{
float: none;
width: 100%;
padding: 5px;
}
}
.txt_trouble01{
background: #1162aa;
color: #fff;
line-height: 1;
padding: 3px;
}
.txt_trouble02{
background: #33a8d0;
color: #fff;
line-height: 1;
padding: 3px;
}
.bg_white_area{
background: #fff;
padding: 100px;
}
@media screen and (max-width: 767px) {
.bg_white_area{
padding: 10px;
}
}
.table_01{
width: 100%;
background: #fff;
border-top: #ddd 1px solid;
border-right: #ddd 1px solid;
}
.table_01 th{
width: 33.333%;
background: #2972b3;
border-left: #ddd 1px solid;
border-bottom: #ddd 1px solid;
color: #fff;
text-align: center;
padding: 10px;
box-sizing: border-box;
font-weight: bold;
}
.table_01 td{
border-left: #ddd 1px solid;
border-bottom: #ddd 1px solid;
text-align: center;
padding: 10px;
box-sizing: border-box;
}
.table_01 tr td:first-child{
font-weight: bold;
}
.table_02{
width: 100%;
background: #fff;
border-top: #ddd 1px solid;
border-right: #ddd 1px solid;
}
.table_02 th{
width: 33.333%;
background: #33a8d0;
border-left: #ddd 1px solid;
border-bottom: #ddd 1px solid;
color: #fff;
text-align: center;
padding: 10px;
box-sizing: border-box;
font-weight: bold;
}
.table_02 td{
border-left: #ddd 1px solid;
border-bottom: #ddd 1px solid;
text-align: center;
padding: 10px;
box-sizing: border-box;
}
.table_02 tr td:first-child{
font-weight: bold;
}
.txt_indent01{
text-indent: -1em;
padding-left: 1em;
} .list_flow > li{
border-bottom: #ddd 1px dotted;
padding-bottom: 40px;
margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
.list_flow > li{
padding-bottom: 20px;
margin-bottom: 20px;
}
}
.list_flow > li:last-child{
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
.list_flow .col_1_3 > .left_area{
float: left;
width: 30%;
}
.list_flow .col_1_3 > .right_area{
float: right;
width: 66%;
}
@media screen and (max-width: 767px) {
.list_flow .col_1_3 > .left_area{
float: none;
width: 100%;
margin-bottom: 10px;
}
.list_flow .col_1_3 > .right_area{
float: none;
width: 100%;
}
}
.list_flow .col_3_1 > .left_area{
float: left;
width: 66%;
}
.list_flow .col_3_1 > .right_area{
float: right;
width: 30%;
}
@media screen and (max-width: 767px) {
.list_flow .col_3_1 > .left_area{
float: none;
width: 100%;
}
.list_flow .col_3_1 > .right_area{
float: none;
width: 100%;
margin-bottom: 10px;
}
}
.ttl_flow01{
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/flow/hakuba_01.png) left bottom no-repeat;
padding:15px 0 10px 80px;
border-bottom: #2fb2de 1px solid;
margin-bottom: 20px;
}
.ttl_flow02{
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/flow/hakuba_02.png) left bottom no-repeat;
padding:20px 0 10px 80px;
border-bottom: #2fb2de 1px solid;
margin-bottom: 20px;
}
.ttl_flow03{
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/flow/hakuba_03.png) left bottom no-repeat;
padding:15px 0 10px 80px;
border-bottom: #2fb2de 1px solid;
margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
.ttl_flow01,.ttl_flow02,.ttl_flow03{
background-size: 45px;
padding:10px 0 10px 60px;
}
} .line_dot01{
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/pickup/line_01.png) center bottom no-repeat;
line-height: 1;
font-size: 4.2rem;
padding-bottom: 20px;
margin-bottom: 25px;
letter-spacing: 3px;
}
@media screen and (max-width: 767px) {
.line_dot01{
font-size: 2.4rem;
padding-bottom: 10px;
margin-bottom: 15px;
letter-spacing: 1px;
background-size: 300px;
}
}
.line_dot02{
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/pickup/line_02.png) center bottom no-repeat;
line-height: 1;
font-size: 4.2rem;
padding-bottom: 20px;
letter-spacing: 3px;
}
@media screen and (max-width: 767px) {
.line_dot02{
font-size: 2.4rem;
padding-bottom: 10px;
margin-bottom: 15px;
letter-spacing: 1px;
background-size: 260px;
}
}
.img_hakuba{
position:relative;
}
.img_hakuba::before{
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/top/img_14.png) left top no-repeat;
content: "";
width: 147px;
height: 224px;
position:absolute;
top: -20px;
left: 15%;
}
@media screen and (max-width : 760px ) {
.img_hakuba::before{
display: none;
}
}
.img_hakuba::after{
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/top/img_15.png) right top no-repeat;
content: "";
width: 136px;
height: 221px;
position:absolute;
top: -20px;
right: 15%;
}
@media screen and (max-width : 760px ) {
.img_hakuba::after{
display: none;
}
}
.arrow_position{
position:absolute;
top: -40px;
left: 0;
right: 0;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.arrow_position{
position:absolute;
top: -25px;
left: 0;
right: 0;
margin: 0 auto;
}
}
.arrow_box{
position:relative;
width:900px;
background:url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/common/bg_ptn01.jpg) left top repeat;
padding:30px;
text-align:center;
color:#fff;
font-weight:bold;
border-radius:100px;
-webkit-border-radius:100px;
-moz-border-radius:100px;
margin: 0 auto;
line-height: 1;
}
@media screen and (max-width: 767px) {
.arrow_box{
width:90%;
padding:15px 5px;
border-radius:100px;
-webkit-border-radius:100px;
-moz-border-radius:100px;
}
}
.arrow_box:after{
border: solid transparent;
content:'';
height:0;
width:0;
pointer-events:none;
position:absolute;
border-color: rgba(0, 153, 255, 0);
border-top-width:18px;
border-bottom-width:18px;
border-left-width:21px;
border-right-width:21px;
margin-left: -21px;
border-top-color:#48b1d5;
top:100%;
left:50%;
}
.border_stripe{
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/common/bg_ptn02.jpg) left bottom repeat-x;
display: inline-block;
}
@media screen and (max-width: 767px) {
.border_stripe{
line-height: 1.2;
padding-bottom: 10px;
}
}
.dl_01 dt{
float:left;
width: 80%;
}
.dl_01 dd{
float:right;
width: 20%;
text-align:right;
}
@media screen and (max-width: 767px) {
.dl_01 dt{
width: 70%;
}
.dl_01 dd{
width: 30%;
}
}
.box_01{
border: #111 1px solid;
background: #fff;
padding: 40px;
position: relative;
}
@media screen and (max-width: 767px) {
.box_01{
padding: 15px;
}
}
.txt_01{
background: #33a8d0;
color: #fff;
font-weight: bold;
text-align: center;
line-height: 1;
padding: 10px ;
width: 60%;
margin: 0 auto;
position: absolute;
top: -20px;
left: 0;
right: 0;
}
@media screen and (max-width : 760px ) {
.txt_01{
padding: 10px ;
width: 90%;
top: -20px;
}
}
.ttl_border{
position:relative;
color: #33a8d0;
padding-left: 50px;
font-weight: bold;
}
.ttl_border::before{
content: "";
position:absolute;
background: #33a8d0;
width: 40px;
height: 1px;
left: 0;
top: 50%;
}
.list_pickup > li{
border-bottom: #111 1px solid;
padding-bottom: 10px;
margin-bottom: 10px;
font-weight: bold;
}
.list_pickup02 > li{
background: #33a8d0;
padding: 10px;
line-height: 1.2;
color: #fff;
text-align: center;
margin-bottom: 10px;
}
.pc_w_60{
width: 60%;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.pc_w_60{
width: 100%;
}
}
.pc_pl20{
padding-left: 20px;
}
@media screen and (max-width: 767px) {
.pc_pl20{
padding-left:0;
}
}
.sp_right{
}
@media screen and (max-width: 767px) {
.sp_right{
text-align: right;
}	
}
.pl25{
padding-left: 25px;
} .img_hakuba02{
position:relative;
}
.img_hakuba02::before{
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/company/img_02.png) left top no-repeat;
content: "";
width: 151px;
height: 202px;
position:absolute;
bottom:0;
left: 0;
}
@media screen and (max-width : 760px ) {
.img_hakuba02::before{
display: none;
}
}
.img_hakuba02::after{
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/company/img_01.png) right top no-repeat;
content: "";
width: 136px;
height: 222px;
position:absolute;
bottom:0;
right: 0;
}
@media screen and (max-width : 760px ) {
.img_hakuba02::after{
display: none;
}
} .bg_bule{
background: #45b9e0;
}
.nayami_list > li{
font-size:1.8rem;
border-bottom: #ddd 1px solid;
padding-bottom: 10px;
margin-bottom: 10px;
}
@media screen and (max-width : 760px ) {
.nayami_list > li{
font-size:1.6rem;
}
}
.txt_reform{
background: #fff;
color: #33a8d0;
font-size: 3.2rem;
font-weight: bold;
letter-spacing: 2px;
text-align: center;
padding: 15px;
}
@media screen and (max-width : 760px ) {
.txt_reform{
font-size: 2.2rem;
letter-spacing: 2px;
}}
.ribbon2 {
display: inline-block;
position: relative;
height: 60px;
line-height: 60px;
text-align: center;
padding: 7px 0;
font-size: 2.4rem; background: #fff; color: #33a8d0; box-sizing: border-box;
width: 100%;
font-weight: bold;
}
@media screen and (max-width : 760px ) {
.ribbon2 {
font-size: 1.6rem; }	
}
.ribbon2 p {
margin: 0;
padding: 0 30px;
border-top: dashed 1px #33a8d0; border-bottom: dashed 1px #33a8d0; line-height: 46px;
}
.ribbon2:before, .ribbon2:after {
position: absolute;
content: '';
width: 0px;
height: 0px;
z-index: 1;
}
.ribbon2:before { top: 0;
left: 0;
border-width: 30px 0px 30px 15px;
border-color: transparent transparent transparent #45b9e0;
border-style: solid;
}
.ribbon2:after { top: 0;
right: 0;
border-width: 30px 15px 30px 0px;
border-color: transparent #45b9e0 transparent transparent;
border-style: solid;
}
@media screen and (max-width : 760px ) {
#reform .col_2 > li{
float: none;
width: 100%;
margin-bottom: 30px;
}
#reform .col_2 > li:last-child{
margin-bottom: 0;
}	
}
span.keikou_ye {
background:linear-gradient(transparent 60%, #ff6 60%);
}
.bg_topcon{background-image: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/top/bg_m_l.png),url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/top/bg_m_r.png);
background-repeat: no-repeat,no-repeat;
background-position: center left,center right;
color: #2f1c0b;
}
@media screen and (max-width: 767px) {
.bg_topcon{
background-size: 20%;
background-position:top left,top right;
}
}
.top_h2{font-size:4.2rem ;font-weight: bold;}
.top_h3{font-size:3.6rem;font-weight: 600;letter-spacing: 0.2em;margin-bottom: 40px;}
.top_sub_tit{font-size: 3.2rem;font-weight: bold;}
.top_mintxt{font-size: 2.8rem;font-family: 'Noto Serif JP', "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;}
@media screen and (max-width: 767px) {
.top_h2{font-size:2.4rem ;font-weight: bold;}
.top_h3{font-size:1.8rem ;font-weight: bold;margin-bottom: 20px;}
.top_sub_tit{font-size: 1.8rem;font-weight: bold;}
.top_mintxt{font-size: 1.4rem;width: 100%;font-family:"游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;}
}
.page_ttl_01 {
font-size:2.6rem;
text-align:center;
position:relative;
margin-bottom:40px;
}
.page_ttl_01::before {
content: '';
position: absolute;
width: 40px;
height: 1px;
margin: 0 auto;
background: #333;
left: 0;
right: 0;
bottom: -10px;
}
@media screen and (max-width: 760px) {
.page_ttl_01 {
font-size:2rem;
text-align:center;
position:relative;
margin-bottom:40px;
}
}
.top_news{background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/common/bg_ptn03.png) repeat-x center bottom;}
.concept_img_01,.concept_img_02,.concept_img_03,.concept_img_04,.concept_img_05,.concept_img_06 {
position: relative;
padding: 43px 0;
}
.concept_img_01::before {
content: "";
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/concept/img_02.jpg) right top no-repeat;
width: 50%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.concept_img_02::before {
content: "";
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/concept/img_03.jpg) left top no-repeat;
width: 50%;
height: 100%;
position: absolute;
top: 0;
right: 0;
}
.concept_img_03::before {
content: "";
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/concept/img_04.jpg) left top no-repeat;
width: 50%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.concept_img_04::before {
content: "";
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/concept/img_05.jpg?2) left top no-repeat;
width: 50%;
height: 100%;
position: absolute;
top: 0;
right: 0;
}
.concept_img_05 {
padding: 77px 0;
}
.concept_img_05::before {
content: "";
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/concept/img_06.jpg) left top no-repeat;
width: 50%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.concept_img_06::before {
content: "";
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/concept/img_07.jpg) left top no-repeat;
width: 50%;
height: 100%;
position: absolute;
top: 0;
right: 0;
}
@media screen and (max-width: 760px) {
.concept_img_01,.concept_img_02,.concept_img_03,.concept_img_04,.concept_img_05,.concept_img_06 {
padding:25px 0;
padding-bottom:230px;
}
.concept_img_01::before,.concept_img_02::before,.concept_img_03::before,.concept_img_04::before,.concept_img_05::before,.concept_img_06::before {
background-size: cover;
width: 100%;
height: 200px;
position: absolute;
top: auto;
bottom: 0;
right: 0;
left: 0;
margin: 0 auto;
}
}
.concept_voice_waku{position: absolute;
right: 70px;
top: 100px;
z-index: 1;
background-color: #f6f3ee;
border-radius: 20px;
padding: 20px;
}
.concept_voice{position: relative;}
.concept_voice::before{position: absolute;
content: "";
left: -60px;
bottom: 0px;
width: 0px;
height: 0px;
border: 20px solid transparent;
border-right: 20px solid #f6f3ee;}
.b_box{background-color: #f6f3ee;border: 2px solid #decfb8;padding: 40px;margin-top: -30px;border-radius: 50%;text-align: center;} 
.col_con_3_1{clear: both;}
.col_con_3_1 > .left_area{float: left;width: 66%;}
.col_con_3_1 > .right_area{float: right;width: 32%;}
.col_con_1_3{clear: both;}
.col_con_1_3 > .left_area{float: left;width: 32%;}
.col_con_1_3 > .right_area{float: right;width: 66%;}
@media screen and (max-width: 767px) {
.col_con_3_1 > .left_area{float: none;width: 100%;}
.col_con_3_1 > .right_area{float: none;width: 100%;}
.col_con_1_3 > .left_area{float: none;width: 100%;}
.col_con_1_3 > .right_area{float: none;width: 100%;}
.concept_voice_waku{position: absolute;
right: 0px;
top: auto;
bottom: -70px;
background-color: #f6f3ee;
border-radius: 15px;
padding: 15px;
}
.concept_voice{position: relative;}
.concept_voice::before{position: absolute;
content: "";
left: auto;
right: 30px;
bottom: auto;
top: -55px;
width: 0px;
height: 0px;
border: 20px solid transparent;
border-bottom: 20px solid #f6f3ee;
}
.b_box{margin-top: 100px;background-color: #f6f3ee;padding: 30px;border-radius: 50%;text-align: center;} 
}
.faq dt{
background:#2f1c0b;
padding:15px;
font-size:2.0rem;
font-weight:bold;
margin-bottom:30px;
color:#fff;
}
.faq dt::before{
content:'Q.';
font-size:3.2rem;
padding-right:15px;
font-weight: normal;
}
@media screen and (max-width: 760px) {
.faq dt{
font-size:1.6rem;
}
.faq dt::before{
font-size:2.0rem;
}
}
.faq dd{
}
.faq {
margin-bottom:50px;
}
.box_02 {
background:#fff;
padding:60px;
}
@media screen and (max-width: 760px) {
.box_02 {
background:#fff;
padding:15px;
}
}
.box_03 {
background:#f9f9f9;
padding:30px;
}
@media screen and (max-width: 760px) {
.box_03 {
padding:15px;
}
}
.shop_ttl {
background:#2f1c0b;
padding:15px;
font-size:1.8rem;
color:#fff;
font-weight:bold;
text-align:center;
}
@media screen and (max-width: 760px) {
.shop_ttl {
font-size:1.8rem;
}
}
.txt_indent_01 {
text-indent:-1em;
padding:1em;
}
.col_how_to .left_area {
float:left;
width:60%;
}
.col_how_to .right_area {
float:right;
width:35%;
}
@media screen and (max-width: 760px) {
.col_how_to .left_area {
float:none;
width:100%;
}
.col_how_to .right_area {
float:none;
width:100%;
}
}
.howto_ttl {
background:#2f1c0b;
padding:13px;
font-size:1.6rem;
font-weight:bold;
color:#fff;
text-align:center;
}
.howto_ttl.blue{
background:#1c3f79;
}
.howto_ttl.orenge{
background:#ffa200;
}
.ico_morning {
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/content/ico_02.png) left 16px no-repeat;
padding-left:40px;
}
.ico_night {
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/content/ico_01.png) left 16px no-repeat;
padding-left:40px;
}
@media screen and (max-width: 760px) {
.ico_morning {
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/content/ico_02.png) left center no-repeat;
background-size:25px;
padding-left:30px;
}
.ico_night {
background: url(//hatakenaumagokoro-andchappy.company/wp-content/themes/template03/img/content/ico_01.png) left center no-repeat;
background-size:25px;
padding-left:30px;
}
}
.case_list_01{
width: 90%;
margin: 0 auto;
}
.ribbon1 {
display: inline-block;
position: relative;
height: 50px; text-align: center;
padding: 10px; font-size: 1.8rem; background: #2f1c0b; color: #FFF; box-sizing: border-box;
font-weight: bold;
letter-spacing: 2px;
width: 60%;
}
@media screen and (max-width: 760px) {
.ribbon1 {
font-size: 1.6rem; width: 100%;
}
}
.ribbon1:before, .ribbon1:after {
position: absolute;
content: '';
width: 0px;
height: 0px;
z-index: 1;
}
.ribbon1:before {
top: 0;
left: 0;
border-width: 25px 0px 25px 15px;
border-color: transparent transparent transparent #fff;
border-style: solid;
}
.ribbon1:after {
top: 0;
right: 0;
border-width: 25px 15px 25px 0px;
border-color: transparent #fff transparent transparent;
border-style: solid;
}
.list_txt{
padding: 10px;
}
.list_txt dt{
float: left;
width: 10%;
font-weight: bold;
font-size: 1.6rem;
}
@media screen and (max-width: 760px) {
.list_txt dt{
float: none;
width: 100%;
}
}
.list_txt dd{
float: right;
width: 90%;
font-size: 1.6rem;
}
@media screen and (max-width: 760px) {
.list_txt dd{
float: none;
width: 100%;
font-size: 1.4rem;
}
}
.arrow{
width: 0;
height: 0;
border-style: solid;
border-width: 10px 15px 0 15px;
border-color: #2f1c0b transparent transparent transparent;
margin: 0 auto;
}
.list_indnt > li{
float: left;
width: 33.333%;
padding: 5px;
box-sizing: border-box;
text-indent: -1em;
padding-left: 1em;
}
@media screen and (max-width: 760px) {
.list_indnt > li{
float: none;
width: 100%;
}
}
.case_list_01 li{
padding: 5px;
}
.concept_box li {
padding:10px;
width: 49%;
margin-right: 2%;
margin-bottom: 2%;
}
.concept_box li:nth-child(1) {
background:#E4F5EA;
}
.concept_box li:nth-child(2) {
background:#F7F5E2;
}
.concept_box li:nth-child(3) {
background:#EEE2F7;
}
.concept_box li:nth-child(4) {
background:#E2F3F7;
}
.pc_center {text-align:center;}
@media screen and (max-width: 767px) {
.concept_box  > li:nth-child(2n),
.concept_box li {
float:none;
width: 100%; margin-right: 0;
margin-bottom: 4% !important;
}
.pc_center {text-align:center;}
}
.item_img {
background: #fff;
}
.item_img img {
display: block;
width: auto;
height: 300px;
text-align: center;
margin: 0 auto;
}
.marker {
background: linear-gradient(transparent 60%, #ffff66 60%);
}
.contact_form input.namebox{width:30%;}
@media screen and (max-width: 767px) {
.contact_form input.namebox{width:60%;}
}