.home #header {
background: #9c0924;
}
.youtube {
width: 100%;
height: 315px;
}
.post_content h3.rich_font {
font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
font-weight: 100;
}
.w100{
width: 100%;
}
#index_free_content2 {
width: 100%;
background-image: url(//sohwa.net/wp-content/uploads/2019/05/top_bar01.jpg);
background-size: cover;
}
#insurance {
width: 100%;
margin: 0 auto;
padding: 100px 0;
}
#insurance .post_col-2:first-of-type {
text-align: right;
}
#site .post_col-2:nth-of-type(1),
#site .post_col-2:nth-of-type(3),
#site .post_col-2:nth-of-type(5),
#site .post_col-2:nth-of-type(7) {
text-align: right;
}
#site img {
width: 300px;
}
@media only screen and (max-width: 767px){
#index_free_content2 {
width: 90%;
background-position-x: center;
}
#insurance {
text-align: center;
}
#insurance .post_col-2:first-of-type {
text-align: center;
}
#site .post_col-2 {
text-align: center !important;
}
}
.post_content h3.headline {
font-size: 36px;
line-height: 1.25;
}
.post_content h4.style_rubi{
margin: -15px 0 25px 0;
padding: 0;
}
.post_content a.q_button{
background-color: #9c0924 ;
}
.center{
text-align: center;
}
.bold{
font-weight: bold;
}
.imgmr5{
margin-right: 5%;
}
.inner{
position: absolute;
left: 50%;
top: 50%;
transform: translateY(25%) translateX(-50%);
}
.post_content h3.showa_main_title{
font-size: 36px;
color: #D90000;
text-align: center;
}
#index_4box_list .box .desc {
font-size: 16px;
}
.wide_image .caption .desc {
font-size: 16px!important;
}
@media only screen and (max-width: 910px){
.inner{
position: unset;
left: 0;
top: 0;
transform: translateY(0%) translateX(0%);
}
}
@media only screen and (max-width: 767px){
.post_content h3.headline {
font-size: 26px !important;
}
.post_content h3.showa_mail_title{
font-size: 20px;
}
} .tcd-pb-row.row4 .tcd-pb-col.col1 .tcd-pb-widget.widget3 {
margin-bottom: 0px;
}
ul.pb_function_list {
margin: 0;
padding: 0;
list-style: none;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
ul.pb_function_list li {
margin: 0 0 30px 0;
padding: 30px;
width: 31.3%;
background: #f7f7f7;
border: 1px solid #ddd;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
ul.pb_function_list .pb_function_list_icon {
background: #D80100;
}
ul.pb_function_list .pb_function_list_icon {
margin: 15px auto 40px;
width: 96px;
height: 96px;
border-radius: 50%;
}
ul.pb_function_list .pb_function_list_headline {
color: #D80100;
}
ul.pb_function_list .pb_function_list_headline {
margin: 0 0 24px 0;
padding: 0;
line-height: 1.8;
font-size: 115%;
text-align: center;
}
ul.pb_function_list .pb_function_list_icon:before {
display: block;
width: 96px;
height: 96px;
line-height: 96px;
color: #fff;
font-size: 36px;
text-align: center;
}
.pb_function_list_icon-icon1:before {
content: "\f0eb";
}
.pb_function_list_icon-icon2:before {
content: "\f110";
}
.pb_function_list_icon-icon3:before {
content: "\e87d";
}
.pb_function_list_icon:before, [class^="pb_function_list_icon-icon"]:before {
font-family: "design_plus";
}
@media only screen and (max-width: 767px){
.tcd-pb-row.row4 .tcd-pb-col.col1 .tcd-pb-widget.widget3 {
margin-bottom: 0px;
}
ul.pb_function_list {
display: block;
}
ul.pb_function_list li {
margin-bottom: 20px !important;
padding: 30px 15px 30px 18px;
width: 100% !important;
}
} .staff_list{
width: 100%;
}
.staff_name ,.staff_img2{
float: left;
width: 46%;
margin-left: 3%;
}
.staff_img ,.staff_name2{
float: right;
width: 46%;
}
.staff_message{
float: left;
width: 46%;
margin-left: 3%;
}
.staff_message2{
float: right;
width: 46%;
}
.staff_message p ,.staff_message2 p ,.jimu p{
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f29c9f;
}
.staff_message h5.style_h5 ,.staff_message2 h5.style_h5 ,.jimu h5.style_h5{
margin: 2em 0 0;
padding: .5em .8em .3em 1em;
font-weight: 700;
font-size: 18px;
background: #9a0404;
color: white;
}
.staff_name h4.name ,.staff_name2 h4.name{
margin: 0;
font-size: 26px;
font-weight: bold;
border-bottom: none;
}
.staff_name h4.name span ,.staff_name2 h4.name span{
font-size: small;
font-weight: 100;
}
.staff_name h5.name_kana ,.staff_name2 h5.name_kana{
padding: 0;
font-weight: bold;
}
.clear{
clear: both;
height:30px;
}
@media only screen and (max-width: 767px){
.staff_name, .staff_name2{
float: right;
width: 47%;
margin-left: 3%;
}
.staff_name h5.name_kana ,.staff_name2 h5.name_kana{
font-size: 0.8em
}
.staff_img ,.staff_img2{
float: left;
width: 40%;
margin-left: 0;
}
.staff_message ,.staff_message2{
display: block;
width: 100%;
padding-left: 0;
margin-left: 0;
}
.staff_name h4.name ,.staff_name2 h4.name{
font-size: 18px;
}
} .table-contactform7{
overflow: hidden;
table-layout: fixed;
}
.required-contactform7{
padding: 5px;
background: #DE8686;
color: #fff;
border-radius: 3px;
margin-right: 3px;
}
.unrequired-contactform7{
padding: 5px;
background: #BDBDBD;
color: #fff;
border-radius: 3px;
margin-right: 3px;
}
.table-contactform7 th{
font-weight:bold;
}
.table-contactform7 input,
.table-contactform7 textarea,
.address-100 input {
max-width: 99% !important;
margin: 5px 10px 10px 5px;
}
.message-100 textarea{
width: 100%;
margin: 5px 10px 10px 5px;
}
@media screen and (min-width: 900px){
.table-contactform7 th{
width:28%;
}
}
@media screen and (max-width: 900px){
.table-contactform7{
display:block;
}
.table-contactform7 tbody,
.table-contactform7 tr{
display: block;
width: 100%;
}
.table-contactform7 th{
width:100%;
display:block;
margin: 0 auto;
border:none;
}
.table-contactform7 td{
display: list-item;
list-style-type:none;
margin:0;
padding:0;
width: 100%;
border-top: none !important;
}
.table-contactform7 input,
.table-contactform7 textarea,
.address-100 input {
max-width: 96% !important;
}
}
.w100{
width: 100%;
}
.w50{
width: 50%;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.w50{
width: 100%;
}
}
@media only screen and (max-width: 767px) {
#header_slider {
height: 55vh !important;
}
#header_slider .item {
height: 65vh !important;
}
} .pc { display: block !important; }
.sp { display: none !important; } @media only screen and (max-width: 767px) {
.pc { display: none !important; }
.sp { display: block !important; }
} .grecaptcha-badge {
bottom: 100px !important;
z-index: 100;
}
@media only screen and (max-width: 767px) {
.grecaptcha-badge { bottom: 140px !important; }
}