@charset "utf-8";
.ankMgin {
    margin: -100px 0 0;
    padding: 100px 0 0;
}
.bullListTit {
    position: relative;
    font-weight: 400;
    padding: 0 0 0 1em;
    z-index: 0;
    margin: 0 0 10px;
}

.bullListTit:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 10px;
    height: 10px;
    background: #262626;
    border-radius: 100%;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
}

.chBlitItem {
    font-size: 13px;
    position: relative;
    padding: 0 0 0 1em;
}

.chBlitItem:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 3px;
    height: 3px;
    background: #262626;
    border-radius: 100%;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
}

.bullList {
    margin: 30px auto 0;
}

.coselWp08 {
    padding: 0 0 80px;
}

.dcLiTit03 {
    position: relative;
    font-weight: 400;
    padding: 0 0 0 1em;
    z-index: 0;
}

.dcLiTit03:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 10px;
    height: 10px;
    background: #262626;
    border-radius: 100%;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
}

.dcLiTxt03 {font-size: 13px;margin: 7px 0 0;}

.descListItem03 {
    margin: 0 0 25px;
}

.chDescList > li {
    font-size: 14px;
    position: relative;
    padding: 0 0 5px 3.4em;
    margin: 0 0 .5em;
}

.chDescList > li:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 37px;
    height: 23px;
    background: url(../img/chekicon.png) no-repeat center center;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
}

.telSet > span {
    position: relative;
    padding: 0 0 0px 1.4em;
    font-size: 30px;
}

.telSet > span:before {
    content: "T";
    position: absolute;
    top: 50%;
    left: 0;
    width: 34px;
    height: 34px;
    background: #FFA3DF;
    color: #fff;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
}

.expSet01 {
    margin: 51px auto 0;
}

.mediaBody > .telCon {
    margin: 50px auto 0;
}

.telSet {
    margin: 0 0 0 4em;
}

.hlsubTit {
    position: relative;
    line-height: 1.6;
    /* transform: translateY(-50%); */
    letter-spacing: 2px;
    display: inline-block;
    /* font-weight: 400; */
    font-size: 15px;
}

.hlsubTit:before {
    content: "";
    position: absolute;
    right: -2em;
    margin: auto;
    width: 100%;
    height: 15px;
    background: #ffff64;
    bottom: -5px;
    z-index: -1;
}

.coselBox03 {
    margin: 100px auto 0;
}

.descListItem {
    margin: 0 0 25px;
}

.descListItem:last-child {
    margin: 0;
}

.coselEx01 {
    background: #FFFFE5;
    padding: 31px 0 36px;
    margin: 80px auto 0;
}

.incont01 > p {
    border-radius: 4px;
    background: linear-gradient(#fde2e9 0%, #fca6ba 61.58%, #fc8ca7 100%);
    opacity: 0.89;
    font-size: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 32px 2% 31px;
}

.coselWp02 {
    margin: 53px 0 0;
}

.coselWp02 .descList {
    margin: 80px auto 0;
}

.dcLiTit {
    position: relative;
    padding: 0 0 0 1.1em;
    z-index: 0;
}

.dcLiTxt {
    font-size: 13px;
    margin: 7px 0 0;
}

.dcLiTit:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 15px;
    height: 15px;
    background: #FFA3DF;
    border-radius: 100%;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
}
/*-----------------------------------------------------------
全体スタイル
-----------------------------------------------------------*/
.leadtxt {
    font-size: 14px;
    margin: 50px 0 0;
}

.hlTit01 {
    width: 100%;
    /* height: 60px; */
    border-radius: 4px;
    background: linear-gradient(#fde2e9 0%, #fca6ba 61.58%, #fc8ca7 100%);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
    padding: 5px 2%;
}

.descList02Txt {
    font-size: 13px;
    margin: 20px 0 0 0;
}

.hlTit01:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: -15px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #fcb0c4 transparent transparent transparent;
    border-width: 8px 8px 0 8px;
}



.colMd3 .col3Item {
    width: 29.07%;
    margin: 0 2.1%;
}

.colMd3 {
    flex-wrap: wrap;
}

.descList02 {
    margin: 50px auto 0;
}
.tbSet01 th {
    width: 152px;
    font-size: 15px;
    font-weight: 400;
    background: #F8F8F8;
    padding: 18px 2%;
    border-right: 1px solid #707070;
    border-bottom: 1px solid #707070;
}

.tbSet01 td {
    border-right: 1px solid #707070;
    border-bottom: 1px solid #707070;
    font-size: 15px;
    padding: 18px 2%;
    text-align: left;
}

.tbSet01 {
    width: 100%;
    text-align: center;
    table-layout: fixed;
    border: 1px solid #707070;
}


.tbSet02 td {
    border-right: 1px solid #707070;
    border-bottom: 1px solid #707070;
    font-size: 15px;
    /* width: 152px; */
    font-size: 15px;
    font-weight: 400;
    background: #fff;
    padding: 16px 2%;
}

.tbSet02 {
    width: 100%;
    text-align: center;
    table-layout: fixed;
    border: 1px solid #707070;
}

.wf-notosansjapanese { font-family: "Noto Sans JP"; }

.hlTitEn {
    font-size: 12px;
    color: #FFA3DF;
    letter-spacing: 0;
    display: block;
}

.hlTit {
    font-size: 24px;
    position: relative;
    line-height: 1.6;
    /* transform: translateY(-50%); */
    letter-spacing: 2px;
    display: inline-block;
}

.hlTit:before {
    content: "";
    position: absolute;
    right: 0;
    margin: auto;
    width: 100%;
    height: 15px;
    background: #ffff64;
    bottom: 5px;
    z-index: -1;
}

.remkList {
    font-size: 14px;
    line-height: 30px;
    margin: 20px 0 0;
}

.btnCol3 > .btnLink {
    max-width: 315px;
    width: 31.56%;
    margin: 0 0.88% 25px;
}

.btnlist {
    max-width: 998px;
    width: 96%;
    margin: auto;
    flex-wrap: wrap;
}

.btnLink {
    display: flex;
    text-decoration: none;
    color: #262626;
    background: #FFF2F2;
    text-align: center;
    /* min-height: 78px; */
    justify-content: center;
    align-items: center;
    padding: 27px 2% 26px 2%;
    position: relative;
}

.btnDeko {
    position: relative;
    padding: 0 0 0px 2.5em;
    font-weight: bold;
}

.btnLink:before {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    position: absolute;
    left: 1em;
    top: 50%;
    margin: auto;
    color: #fff;
    font-size: 10px;
    width: 37px;
    height: 37px;
    background: #FFA3DF;
    z-index: 1;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
}

.btnLink:hover:before {
    background: #fdc93d;
}

.inTit01 {
    font-size: 18px;
    font-weight: normal;
    border-bottom: solid 2px #A2A2A2;
    padding: 0 0 8px;
    font-weight: bold;
}

.mediaSec {
    margin: 43px 0 0 0;
}

.btn01 {
    max-width: 240px;
    width: 100%;
    font-size: 15px;
    background: #FFD5D5;
    display: block;
    text-decoration: none;
    text-align: center;
    color: #262626;
    padding: 15px 2%;
    border-radius: 4px;
    font-weight: bold;
}

.btnEn {
    font-size: 11px;
    padding: 0 0 0 1em;
    position: relative;
}

.btnEn:before {
    content: "\f061";
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    position: absolute;
    top: 3%;
    right: -2.5em;
    margin: auto;
    color: #262626;
    font-size: 10px;
}
.btn01:hover {
    background: #feca42;
}
.mediaSec .mediaBody .mediaBtn {
    margin: 20px 0 0;
}




.brMd {
    display: none;
}

body {
	width: 100% !important;
	color: #262626;
	font-size: 16px;
	line-height: 1.6;
/*	overflow: auto; */
	font-family: "Noto Sans JP";
}

.fLato {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
}


.txtBg01 {
    background: #FFD5D5;
}

.txtBg02 {
    background: #FFFF64;
}

.boderB01 {
    border-bottom: solid 4px #FFD5D5;
}

.boderB02 {
    border-bottom: solid 4px #FFFF64;
}

.typeBg01 {
    background: rgba(255, 213, 213, 0.25);
}
/*リンク表示方法*/

a {
	text-decoration: underline;
}
.flogo .logoTit a {
    text-decoration: none;
    color: #262626;
}



/*-----------------------------------------------------------
header
-----------------------------------------------------------*/
header {
	width:100%;
	border-top: solid 7px #FCB0C4;
    background: linear-gradient(#fff 0%, #fff 70.94%, #ffe2e4 100%);
}

header .box, #main .box{
	width:960px;
	margin: auto;
}

.hCont {
    width:960px;
    margin: auto;
    justify-content: space-between;
    align-items: center;
}

.hIn {
    max-width: 960px;
    width: 100%;
    margin: auto;
    justify-content: space-between;
    padding: 0px 0 20px;
}

.logo {
	width: 100%;
	padding: 10px 0 0;
}

.logo a:hover img {
	opacity: 1;
}

.logo a {
    display: block;
    text-decoration: none;
    color: #262626;
}

.logoSec {
    width: 220px;
}

.logoSub {
    font-size: 11px;
    display: flex;
    justify-content: center;
}

.logoTit {
    display: flex;
    font-size: 22px;
    justify-content: center;
    margin:0;
}

.logoTxt {
    font-size: 13px;
    display: flex;
    justify-content: center;
}






/*-----------------------------------------------------------
 nav
-----------------------------------------------------------*/
.hNav {
    max-width: 960px;
    width: 82%;
}
.navEn {
    font-size: 11px;
    display: flex;
    justify-content: center;
    margin: 5px 0 0;
}
.gnav {
	width: 100%;
}

.gnavList {
    width: 100%;
    margin: 0 0 0 auto;
    display: flex;
    flex: 1 1 auto;
    justify-content: flex-end;
}

.gnavList > li {
	max-width: 168px;
	width: 16.666%;
}

.gnavList .navItem {
    width: 110px;
    margin: 0 8px;
}

.gnavList > li .hContact {
    background: #333;
    color: #fff;
    padding: 8px 10px 10px;
    margin: 0;
    border: solid 1px #333;
}

.NavSec {
    max-width: 650px;
    width: 100%;
    margin: 10px 0 0 1em;
}

.gNavList {
    justify-content: space-between;
}


/*--  Gナビ ドロップ  --*/
.dropmenu > ul > li > a:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #fcb0c4 transparent transparent transparent;
    border-width: 5px 5px 0 5px;
}
.dropmenu ul > li > ul > li > a:before {
    position: absolute;
    top: 0em;
    left: 0;
    display: block;
    width: .4em;
    height: .4em;
    color: #ffd5d5;
}
.dropmenu ul > li {
    position: relative;
    width: auto;
	text-align:center; 
}

.dropmenu ul > li > a {
    display: block;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    color: #262626;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: bold;
    position: relative;
    z-index: 0;
}
.dropmenu > ul > li > a:hover:after {
    content: "";
    position: absolute;
    top: 14px;
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height:45px;
    background:#FCC;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    z-index: -1;
}

.dropmenu > ul > li > a:hover {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.dropmenu ul > li > ul {
    display: none;
    position: absolute;
    z-index: 4000;
    /* position: relative; */
    color: #fff;
    top: 4.5em;
    right: 0;
    left: 0;
    margin: auto;
    /* left: 0; */
    margin: auto;
    width: 100%;
    background: rgba(255, 255, 255, 0.95);
    min-width: 230px;
    max-width: 230px;
    border: solid 1px #FFA3DF;
    border-radius: 6px;
    padding: 1em;
}

.dropmenu ul > li:hover ul {
    display: block;
}
.dropmenu > ul > li > a {
    min-height: 72px;
    padding: 12px 0 0;
}

.dropmenu ul > li > ul > li > a {
    display: block;
    color: #707070;
    text-decoration: none;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all  .3s;
    font-size: 13px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF,endColorstr=#CCFFFFFF);
    /* background: #4D71CB; */
    border-bottom: 1px solid #fff;
    line-height: 18px;
    position: relative;
    padding: 0 0 5px 1.4em;
    text-align: left;
}

.dropmenu ul > li > ul > li > a:hover {
    background: #fff;
    color: #ffa3df;
}


.gnavList > li a {
	display: block;
	font-size: 17px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding: 35px 5px 10px;
	transition: ease-in-out .2s all;
	color: #333;
	position: relative;
}

.gnavList > .navItem a:before {
    content: "";
    display: block;
    height: 4px;
    width: 0px;
    background: #333;
    transition: .5s;
    position: absolute;
    bottom: 0;
}

.gnavList > .navItem a:hover:before {
    width: 100%;
}




/*-----------------------------------------------------------
 footer
-----------------------------------------------------------*/

footer {
	width: 960px;
	margin: 17px auto 0;
}

footer .logo {
	width: 243px;
	margin: 0 auto;
}

.fnavItem {
    width: auto;
    margin: 0 2%;
}

.fIn {
    max-width: 1170px;
    width: 96%;
    margin: auto;
    padding: 0 0 44px;
    justify-content: space-between;
}

.flogo {
    width: 30%;
}

.fnav {
    text-align: center;
    margin: 30px 0 0;
}

.fnav > li {
    display: inline-block;
    line-height: 1;
}

.fnav > li:first-child > a {
    border-left: none;
}

.fnav > li > a {
    color: #333;
    text-decoration: none;
    display: block;
    margin: 0 0 0 5px;
    padding: 0 0 0 6px;
    font-size: 16px;
    border-left: 1px solid #333;
}

.fnav > li > a:hover {
    text-decoration: underline;
}

.copyright {
	background: #343434;
	color: #fff;
	text-align: center;
	font-size: 12px;
	padding: 10px 2%;
}


.twSec {
    width: 29.72%;
    margin: 0 2.63% 0 0;
}

.faSec {
    width: 33.04%;
}

.infoIn {
    max-width: 1026px;
    width: 96%;
    margin: auto;
}

.infoWp {
    margin: 58px 0 0;
}

.bnrSec a:last-child {
    margin: 0;
}

.fBnrWp {
    width: 100%;
    margin:0 auto;
    background: #FBE5E5;
    padding: 23px 0 0;
}

.fBnrList {
    width: 960px;
    margin: auto;
    flex-wrap: wrap;
}

.fBnrItem {
    max-width: 255px;
    width: 22.32%;
    margin: 0 1.25% 25px;
}

.fBnrList > .fBnrItem:nth-of-type(4n) {
    /* margin: 0 0 23px; */
}

.fBnrItem a {
    display: block;
}

.fCont {
    /* font-size: 12px; */
    width: 71%;
    margin: 18px 0 0 1%;
}

.fAdd {
    font-size: 12px;
}
.copy {
    font-size: 11px;
    border-left: solid 1px #262626;
    line-height: 1;
    margin: 10px 0 10px 1em;
    padding: 0 0 0 1em;
}

.fTel {
    font-size: 19px;
    position: relative;
    padding: 0 0 5px 1.4rem;
}

.fFax {
    font-size: 14px;
    position: relative;
    padding: 5px 0 5px 2.1em;
    margin: 0 0 0 1em;
    font-weight: 400;
}

.fNavItem {
    font-size: 12px;
    border-left: solid 1px #262626;
    line-height: 1;
    margin: 10px 0 10px 1em;
    padding: 0 0 0 .5em;
}

.fNavItem a {
    text-decoration: none;
    color: #262626;
    line-height: 1;
    font-weight: bold;
}

.flogo .logoTit {
    position: relative;
}

.flogo .logoTit:before {
    content: "";
    position: absolute;
    bottom: -15px;
    margin: auto;
    left: 0;
    right: 0;
    width: 65px;
    height: 2px;
    background: #FFA3DF;
}

.fTel:before {
    content: "T";
    position: absolute;
    top: 5px;
    left: 0;
    width: 22px;
    height: 22px;
    background: #FFA3DF;
    color: #fff;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
}

.fFax:before {
    content: "F";
    position: absolute;
    top: 5px;
    left: 0;
    width: 18px;
    height: 18px;
    background: #fff;
    color: #FFA3DF;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    border: solid 2px #FFA3DF;
}

.fLogoTxt {
    padding: 10px 0 0;
}

.fInfo {
    margin: 5px 0 0;
}

.fBnrItem a:hover {
    opacity: .7;
}

.fNavItem a:hover {
    text-decoration: underline;
}

.bnrSec {
    width: 31.38%;
    margin: 0 3.21% 0 0;
}
.bnrSec a {
    text-decoration: none;
    color: #262626;
    margin: 0 0 12px;
    padding: 21px 0;
    max-width: 322px;
}

.bnrSec a:hover {
    opacity: .8;
}

.bnrTit {
    font-size: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 175px;
    width: 96%;
    opacity: 0.8;
    padding: 28px 0;
    border-radius: 7px;
    font-weight: bold;
}

.bnrItem01 .bnrTit {
    background: linear-gradient(#fdf4cd 0%, #fdc429 100%);
}

.bnrItem02 .bnrTit {
    background: linear-gradient(#fde2e9 0%, #fca6ba 61.58%, #fc8ca7 100%);
}

.bnrItem03 .bnrTit {
    background: linear-gradient(#fdf4cd 0%, #fdc429 100%);
}
/*-----------------------------------------------------------
 メイン
-----------------------------------------------------------*/

#main {
	width: 100%;
	margin: auto;
	background-color:#fff5f5;
	padding-bottom:30px;
}

.article #main {
    margin: -15px auto 0;
    z-index: 1;
    position: relative;
}

h1{
	text-align:center;
	padding:50px 0 40px 0;
	color:#E89B78;
	font-size:30px;
	line-height:90%;
	font-family:Arial, Helvetica, sans-serif;
	}

.h1_sub{
	font-size:18px;
	color:#333;
	padding-bottom:5px;
	border-bottom:solid 1px #333;
	}

h2{
	padding:30px 0 30px 0;
	color:#E89B78;
	font-size:30px;
	line-height:90%;
	font-family:Arial, Helvetica, sans-serif;
	}

/*-----------------------------------------------------------
 ページトップ
-----------------------------------------------------------*/
#page-top {
    position: fixed;
    bottom: 15px;
    right: 15px;
    font-size: 80%;
}

#page-top a {
    font-family: "Font Awesome 5 Free";
	background: #e89b78;
	color:#fff;
    font-weight: bold;
    text-decoration: none;
    width: 50px;
    padding: 15px 0;
    text-align: center;
    display: block;
    border-radius: 50%;
}


/*-- 固定ここまで --*/

