@charset "utf-8";
/*
****************************************
----------------------------------------
------- common

色を変更するときは、ここの色を一括変換する。

メインカラー01: #f8a0b5
メインカラー02: #448ACA
メインカラー03: #ffe9f2
メインカラー04: #f2f3f4
サブカラー01: #98ccfb
サブカラー02: #FF8F8F
サブカラー03: #eef8ff
サブカラー03: #32b16c

----------------------------------------
****************************************
*/

main a {
	text-decoration: underline;
}

main a img,
main p[class*="btn"] a{
	text-decoration: none;
}

/*バナー*/
.bnr_link img {
	border-radius: 0;
}

/*
****************************************
----------------------------------------
------- title
----------------------------------------
****************************************
*/

/*++++++++++++++++++++++++++++++++++++++
parallax_title
++++++++++++++++++++++++++++++++++++++++
*/
.parallax_title h2 {
	background-color: inherit;
	border-bottom: none;
	border-top: none;
}

.parallax_title .h2box {
	background: rgba(104,109,172,0.5);
}

.parallax_title .h2box h2 {
	background: transparent;
}
/*
****************************************
----------------------------------------
------- title_set01
----------------------------------------
****************************************
*/

/*______________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
h2
________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
*/
.title_set01 h2 {
}

.title_set01 h2:before{
	border-left: solid 1px #464646;
	border-top: solid 1px #464646;
	border-bottom: solid 1px #464646;
}
.title_set01 h2:after {
  border-top: solid 1px #464646;
  border-right: solid 1px #464646;
  border-bottom: solid 1px #464646;
}

/*______________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
h3
________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
*/
.title_set01 h3:after {
	/*background: -webkit-repeating-linear-gradient(-45deg,#aaa,#aaa 10%,#fff 10%,#fff 30%,#aaa 30%,#aaa 70%,#fff 70%,#fff 90%,#aaa 90%,#aaa 100%);
	background: repeating-linear-gradient(-45deg,#aaa,#aaa 10%,#fff 10%,#fff 30%,#aaa 30%,#aaa 70%,#fff 70%,#fff 90%,#aaa 90%,#aaa 100%);*/
	background: #e0e0e0;
	background-size: 6px 4px;
}

/*______________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
h4
________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
*/
.title_set01 h4 {
	border-bottom: 1px solid;
}

/*______________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
title_deco02
________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
*/
.title_deco02 {
	border-bottom: 1px solid;
}

/*
****************************************
----------------------------------------
------- table
----------------------------------------
****************************************
*/
.table_underline th {
	border-bottom: 1px solid;
}

.table_underline td {
	border-bottom: 1px solid;
}
.table_border td {
	border: solid 1px;
}

.table_border thead {
	border: 1px solid;
}

.table_border thead th:first-of-type {
	border-left: 1px solid;
}

.table_border tbody th {
	border: 1px solid;
}

.table_border thead th {
	border-left: 1px solid;
}

/*
****************************************
----------------------------------------
------- header
----------------------------------------
****************************************
*/

.head_top .slicknav_nav {
	border-bottom: 1px solid;
}

header .slicknav_nav a {
	border-bottom: solid 1px;
}

header .slicknav_nav li:last-of-type a {
	border-bottom: none;
}

nav .sub-menu-title:after {
	border-right: 2px solid;
	border-bottom: 2px solid;
}

nav .slicknav_item p:before {
	border-color: #777 transparent transparent transparent;
}

/*
****************************************
----------------------------------------
------- imglink_box
----------------------------------------
****************************************
*/
.imglink_box a span {
	color: #fff;
}

.imglink_box a:before {
	transition: opacity 0.5s;
}

.imglink_box a:hover, .imglink_box a:hover img {
	opacity: 1
}

.imglink_box .box:hover a:before {
	/*opacity: 0.7;*/
}

.imglink_box a {
	display: block;
	height: 100%;
	text-decoration: none;
}

.imglink_box.s_fit > .box:before {
	content: '';
	position: absolute;
	bottom: 3px;
	right: 3px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 15px 15px;
	border-color: transparent transparent #ffffff transparent;
	z-index: 1000;
}

/*
****************************************
----------------------------------------
------- news_box
----------------------------------------
****************************************
*/
.news_box li {
	border-top: 1px solid;
}

.news_box li:last-of-type {
	border-bottom: 1px solid;
}

.news_box li a:hover {
	background: none;
}

/*
****************************************
----------------------------------------
------- cardlist_box
----------------------------------------
****************************************
*/
.cardlist_box li {
	border-bottom: 1px solid;
}

.cardlist_box .under_content:before {
	background: rgba(0,120,182,0.5);
}

/*
****************************************
----------------------------------------
------- linkbox
----------------------------------------
****************************************
*/

.linkbox a {
	text-decoration: none;
}

.linkbox.btn02 span,
.linkbox.btn02 a {
	border-color: #1b5570;
}

.linkbox.btn03 span:before,
.linkbox.btn03 a:before {
	border-color: transparent transparent transparent #fff;
}

/*
****************************************
----------------------------------------
------- parallax_bg
----------------------------------------
****************************************
*/
.parallax_bg {
	background: url(../images/bg01.jpg) center center no-repeat;
	background-attachment: fixed;
}

/*
****************************************
----------------------------------------
------- meritbox
----------------------------------------
****************************************
*/
.meritbox .box:nth-of-type(1) p {
	background: #98ccfb;
	color: #FFF;
	border-color: #464646 !important;
}

.meritbox .box:nth-of-type(2) p {
	background: #4f5e8a;
	color: #fff;
	border-color: #464646 !important;
}

.meritbox .box:nth-of-type(1) li:before {
	background: #98ccfb;
}

.meritbox .box:nth-of-type(2) li:before {
	background: #4f5e8a;
}

/*****************************
------------------------------
appealbox
------------------------------
*****************************/

.appeal_box {
	text-align: center;
}


/*____________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
s_col_wrap
______________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

.s_col_wrap > .box {
	border: solid 2px #f8a0b5;
	background: #fff;
}

/*____________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
subttl
______________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.subttl {
	display: block;
	font-size: 0.6em;
}

/*____________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
imgborder
______________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.imgborder {
	border: 1px solid #dcdcdc;
}

/*____________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
imgsize_ori
______________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.imgsize_ori img {
	max-width: 100%;
	width: auto;
	display: inline-block;
}

/*____________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
bg_pt01
______________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.bg_pt01 {
	background: #e8decf;
}

/*____________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
bg_img_block01
______________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.bg_img_block01 {
	position: relative;
}

.bg_img_block01:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/bg01.jpg) center center no-repeat;
	background-size: cover;
	opacity: 0.4;
}

/*____________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
bg_img_block02
______________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.bg_img_block02 {
	position: relative;
}

.bg_img_block02:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/bg02.jpg) center top no-repeat;
	background-size: cover;
	opacity: 0.25;
}

/*____________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
bg_img_block03
______________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.bg_img_block03 {
	position: relative;
}

.bg_img_block03:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/bg03.jpg) center center no-repeat;
	background-size: cover;
	opacity: 0.15;
}

/*____________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
bg_img_block04
______________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.bg_img_block04 {
	position: relative;
}

.bg_img_block04:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/bg04.jpg) center center no-repeat;
	background-size: cover;
	opacity: 0.05;
}

/*____________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
banner_border
______________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

.banner_border {
	display: inline-block;
	padding: 10px 20px;
	border: 2px solid #a6a6a6;
	text-decoration: none;
	position: relative;
}

.banner_border:before {
	content: '';
	position: absolute;
	bottom: 3px;
	right: 3px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 15px 15px;
	border-color: transparent transparent #002687 transparent;
	z-index: 1000;
}

.banner_border img {
	vertical-align: bottom;
}

.banner_border:hover .banner_txt {
	opacity: 0.7;
}

.banner_txt {
	display: block;
	line-height: 1;
	margin-bottom: 5px;
	transition: 0.5s;
}

/*____________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
postpage
______________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

.postpage p img {
	width: auto;
	max-width: 100%;
}

.postpage p {
	overflow: hidden;
}

.postpage p img.alignright {
	margin-left: auto;
}

.postpage p img.aligncenter {
	margin-left: auto;
	margin-right: auto;
}

/*____________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
#under
______________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

/*++++++++++++++++++++++++++++
.catch
++++++++++++++++++++++++++++*/

#under .catch {
	font-size: 2.2rem;
	color: #ed5b7e;
}

/*
****************************************
----------------------------------------
------- color
----------------------------------------
****************************************
*/

/*画像リンクを覆っている要素の背景色*/
.bg_opactiy:before {
	background: rgba(81, 166, 202, 0.75);
}

/*ぶち抜き写真ブロック写真側の背景色*/
.flexbg_color01 {
	/*background: #fff;*/
}

/*横並びブロック内要素の背景色*/
.hasbg > .box {
/*background: #fff;*/
}

/*灰色ボーダー*/
.table_border tbody th,.table_border thead, .table_border td,.table_border thead th:first-of-type,
.table_underline td,
.cardlist_box li,.news_box li:last-of-type, .news_box li,nav .sub-menu .sub-menu, header .slicknav_nav a{
	border-color: #777 !important;
}


/*ホバー時に背景色を変化させるもの*/
.btn04 a,
body li a {
	opacity: 1;
	transition: background 0.7s;
}

/*______________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
メインカラー01
________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
*/
main .wp-pagenavi a,main .wp-pagenavi span,
.table_flat th,#fixed_side,
.sub-menu .sub-menu-title,
.table_border thead,#top_button a,ul li:before,
.mbg_color01,.cardlist_box ul li a:before,
.title_set01 .personal h3:before,
.title_set01 h4:before,.title_set01 h5:before,
.title_set01 h3:before,
.linkbox.btn01 a,.linkbox.btn02 a, .linkbox.btn03 a,
.linkbox.btn01 span,.linkbox.btn02 span, .linkbox.btn03 span,
header .slicknav_menu .slicknav_icon-bar,
.list_pole li:before,.list_pole li:after,
footer ,.head_top .slicknav_menu .slicknav_icon-bar,
.btn04 a:hover {
	background: #f8a0b5;
}

.flow h3,
.table_underline th,
.linkbox.btn04 a,.bnr_link .tel {
	color: #f8a0b5;
}
.head_top .slicknav_nav,
nav #menu > li > .sub-menu > li+li,
.title_set01 h2,.title_set01 h3, .title_set02 h2:before,.title_set02 h2:after, .title_set02 h3, .title_set02 h4, .title_set02 h5,nav #menu > li > .sub-menu,
.title_set03 h2,.title_set03 h5,nav .sub-menu-title:after,.title_set01 h4,.title_deco02,
.table_underline th,.radius_box,.head_top .sub-menu-title:after,
.head_top .slicknav_nav a,
.linkbox.btn04 span:before, .linkbox.btn04 span,
.linkbox.btn04 a:before, .linkbox.btn04 a,
.bnr_link .tel:before{
	border-color: #f8a0b5 !important;
}

.table_flat th span:after {
	border: solid transparent;
	border-left-color: #f8a0b5;
}

div#contactForm dt:before {
	background: #f8a0b5;
}

div#contactForm input[type="button"] {
	border: 1px solid #f8a0b5;
	color: #f8a0b5;
}

div#contactForm input[type="submit"] {
	background: #f8a0b5;
	color: #fff;
}

/*______________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
メインカラー02
________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
*/
main .wp-pagenavi span.current,
.mbg_color02, .title_set03 h5:after {
	background-color: #8dd7f4;
}

/*______________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
メインカラー03
________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
*/
div#contactForm input[type="button"],
.sub-menu .sub-menu,
.mbg_color03,.table_border tbody th
{
	background: #ffe9f2;
}

/*______________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
メインカラー04
________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
*/

.mbg_color04 {
	background: #f2f3f4;
}

/*______________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
サブカラー01
________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
*/
.sbg_color01 {
	background: #98ccfb;
}

/*______________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
サブカラー02
________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
*/
.sbg_color02 ,.catalog_box p span{
	background: #FF8F8F;
}

/*.title_set01 h4 {
	border-color: #FF8F8F !important;
}*/

/*______________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
サブカラー03
________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
*/
.sbg_color03 {
	background: #eef8ff;
}

.img_frame {
	border: 1px solid #b6b6b6;
}

/*______________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
サブカラー04
________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
*/
#fixed_side .contact {
	background-color: #98ccfb;
}

/*______________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
白
________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
*/
main .wp-pagenavi span.extend,
main .wp-pagenavi span.pages,
.bg_color01,
 #nav_box,header,
.sub-menu,.slicknav_menu .sub-menu .sub-menu-title
{
	background: #fff;
}
main .wp-pagenavi span,main .wp-pagenavi a,
main .wp-pagenavi span.current,
.parallax_title h2, .parallax_title .h2box p,
.title_set03 h3,.table_border thead,
.linkbox.btn01 a, .linkbox.btn02 a, .linkbox.btn03 a,
.linkbox.btn01 span, .linkbox.btn02 span, .linkbox.btn03 span,
footer small,.btn04 a:hover,.btn04 a:hover span,
.sub-menu .sub-menu-title,#fixed_side .tel {
	color: #fff;
}

main .wp-pagenavi span.pages, main .wp-pagenavi span.extend,
#top_button a:before,.linkbox.btn04 a:hover:before,
.linkbox.btn01 a:before,.linkbox.btn01 a:after,
.table_border thead th {
	border-color: #fff !important;
}

/*______________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
黒
________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
*/
main .wp-pagenavi span.extend,
main .wp-pagenavi span.pages,
.slicknav_menu .sub-menu .sub-menu-title {
	color: #464646;
}


/*
****************************************
----------------------------------------
------- header
----------------------------------------
****************************************
*/

.head_top .slicknav_nav a {
	border-bottom: solid 1px;
}

.head_top .slicknav_nav li:last-of-type a {
	border-bottom: none;
}

.head_top .sub-menu-title:after {
	border-right: 2px solid;
	border-bottom: 2px solid;
}

.head_top .sub-menu:before {
	border-color: transparent transparent #f2ffff transparent;
}

/*nouse?*/
.head_top .slicknav_item p:before {
	border-color: #4f5e8a transparent transparent transparent;
}

/*______________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
icon_box
________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
*/

.icon_box a {
	text-decoration: none;
}

.icon_box.overall_click a {
	transition: 0.7s;
	display: block;
}

.icon_box.overall_click a:hover {
	opacity: 0.6;
}

.icon_box.overall_click a:hover * {
	opacity: 1;
}

.icon_box .title {
	color: #f8a0b5;
}

/*______________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
before_footer
________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
*/

.before_footer {
	background: #ffecf2;
}

/*______________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
contactForm
________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
*/

div#contactForm span.example {
	color: #ccc;
	font-size: 1.2rem;
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px #fff inset;
	border:#000 1px solid;
}
input.wpcf7c-conf:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px #fff inset;
	border:none;
}
textarea:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px #fff inset;
}
textarea {
	border:#a9a9a9 1px solid;
}

#contactForm div.wpcf7-validation-errors {
	border: 1px solid #ea4545;
	background: #ffdce1;
	font-size: 16px;
	font-size: 1.6rem;
}

div#contactForm span.must {
	color: #ea4545;
}

div#contactForm span.wpcf7-not-valid-tip {
	color: #ea4545;
}


/*****************************
------------------------------
iwasaki-rikon
------------------------------
*****************************/
#iwasaki-rikon .linkbox.btn04 a,
#iwasaki-rikon th,
#iwasaki-rikon .icon_box .title,
#iwasaki-rikon h5 {
	color: #ed5b7e;
}

#iwasaki-rikon .mbg_color03 {
	background: #feeef4;
}

#iwasaki-rikon .linkbox.btn04 a:hover {
	color: #fff;
}

#iwasaki-rikon .ttl_appeal_box:before,
#iwasaki-rikon .ttl_appeal_box:after {
	display: none;
}

#iwasaki-rikon #nav_box {
	transition: 0.7s;
	background: #ffecf2;
}

#iwasaki-rikon .table_flat th {
	color: #fff;
}

#iwasaki-rikon .before_footer h2:after,
#iwasaki-rikon .before_footer h2:before {
	display: none;
}

#iwasaki-rikon #top .catch strong {
	font-size: 2.2rem;
	color: #ed5b7e;
}

#iwasaki-rikon .slicknav_menu .slicknav_icon-bar {
	box-shadow: none;
}

/*
****************************************
----------------------------------------
------- news_box
----------------------------------------
****************************************
*/
#iwasaki-rikon .news_box li {
	border-top: 1px solid #aeaeae !important;
}

#iwasaki-rikon .news_box li:last-of-type {
	border-bottom: 1px solid #aeaeae !important;
}