@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500&display=swap');
.font1,.hannari{
    font-family: 'Zen Maru Gothic',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body{
    font-family: 'Noto Sans JP',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    overflow:hidden;
}


/*
#fakeloader{
    display:none!important;
}
*/

:root{
    --color1:#f09087;
    --color2:rgba(68,187,172,0.6);
}


.linkStyle{
    color:var(--color1);
}
.linkStyle:hover{
    transition:all 0.3s;
    opacity:0.7;
    text-decoration:underline;
}
.font_14 {
    font-size: 18px;
}

header.scr_header {
    background-color: rgba(255,255,255,0.9)!important;
}

main {
    background: url(./Dup/img/wave2.png),
                linear-gradient(0deg, rgba(255,240,238,1) 0%, rgba(255,255,255,1) 30%, rgba(255,240,238,1) 50%, rgba(255,255,255,1) 70%, rgba(255,240,238,1) 100%);
    background-repeat:no-repeat,no-repeat;
    background-size:100% 150px,100%;
    background-position:bottom,top;
    padding-bottom:200px;
}

.button_container span{
    background-color: var(--color1)!important;
}
.button_container span:nth-of-type(1){
    background-color:transparent!important;
    color:var(--color1);
}
.button_container.active .top,
.button_container.active .bottom{
    background-color:#fff!important;
}
.overlay {
    background: linear-gradient(135deg, rgb(174 235 229) , rgb(47 180 167 / 90%) )!important;
}
/*
#overlay .left li:before,
.overlay ul li a,
.overlay .right h2,
.overlay .right p,
.overlay .right .d_inline_b a{
    color:#555!important;
}
*/
#footer_con {
    align-items: flex-start;
    padding-top: 70px;
}

#logo2 a{
    max-width:200px;
}
.fix_bnr{
    left:20px;
    z-index:2;
}



/*--top page---------------------------
-------------------------------------*/
#pc_nav li a{
    color:#555!important;
}
#pc_nav li a::after{
    background:#f09087!important;
}
#main_img::after,
#page_title::after{
    content:'';
    position:absolute;
    display:block;
    width:100%;
    height:150px;
    background:url(./Dup/img/wave1.png) no-repeat;
    background-size:contain;
    background-position:bottom;
    bottom:0;
    z-index:2;
    pointer-events:none;
}
.catch {
    width: 28vw;
    max-width: 600px;
    top: 18%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}

#main_img .menu{
    bottom:14%;
    left:50%;
    transform:translateX(-50%);
}
#top_pc_nav li a {
    color: #555!important;
    text-shadow: 1px 1px 0 #fff;
}
.num{
    display:none;
}
.intro_item1{
    width:250px;
}

#intro_wrap,
#contents1 .con_img,
#contents2 .con_img,
#contents3 .con_box,
.v_type1 .cate_box{
    border-radius:20px;
}

#contents1 .con_txt li {
    padding-left: 35px;
    margin-bottom: 5px;
    position: relative;
    line-height: 1.8;
}
#contents1 .con_txt li::before {
    content: '';
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    background: url(./Dup/img/check.png) no-repeat;
    background-size: contain;
    top: 7px;
    left: 0;
}
#contents1 .con1_item{
    margin-left: auto;
    margin-right: 15%;
}

#contents2 .con2_item{
    margin-left:auto;
    margin-right:0;
}
#contents3_wrap:after{
    background-color: transparent!important;
}
#contents3 a{
    border-radius:30px;
}

/*--under page---------------------------
-------------------------------------*/
#page_title .page_title_box{
    background-color:var(--color2)!important;
}
.v_type1 .triangle {
    display: block;
    border: #909090 solid 2px;
    box-shadow: 5px 5px 0 0 #e2e2e2;
}
.v_type1 .triangle:before {
    content: '';
    position: absolute;
    display: block;
    z-index: 1;
    border-style: solid;
    border-color: #FFF transparent;
    border-width: 13px 13px 0 0;
    bottom: -13px;
    left: 50%;
    margin-left: -9px;
}
.v_type1 .triangle:after {
    content: '';
    position: absolute;
    display: block;
    z-index: 0;
    border-style: solid;
    border-color: #909090 transparent;
    border-width: 15px 15px 0 0;
    bottom: -17px;
    left: 50%;
    margin-left: -11px;
}


.qa_type1 .cate_box {
	border-radius: 10px;
	border: 2px solid #909090;
}
.qa_type1 .cate_box .arrow {
	position: absolute;
	left: 2px;
	top: 50%;
	margin-top: 0px;
	transform: translateY(-50%);
}
.qa_type1 .cate_box .open_bt{
	position: relative;
	width: 100%;
	cursor: pointer;
	padding: 20px 0
}
.qa_type1 .cate_box .open_bt .arrow::before, .qa_type1 .cate_box .open_bt .arrow::after {
	position: absolute;
	content: '';
	width: 15px;
	height: 1px;
	background-color: #5c5c5c;
}
.qa_type1 .cate_box .open_bt .arrow::before {
	top: 48%;
	left: 15px;
	transform: rotate(0deg);
	transition: all 0.5s;
}
.qa_type1 .cate_box .open_bt .arrow::after {
	top: 48%;
	left: 15px;
	transform: rotate(90deg);
	transition: all 0.5s;
}
.qa_type1 .cate_box .open_bt .arrow.arrow_be::before {
	transform: rotate(-135deg);
	transition: all 0.5s;
}
.qa_type1 .cate_box .open_bt .arrow.arrow_be::after {
	transform: rotate(135deg);
	transition: all 0.5s;
}
.qa_type1 .cate_box .open_bt .box_title1 {
	display: inline-block;
	position: relative;
	letter-spacing: 1px;
	cursor: pointer;
	margin-left: 87px;
}
.qa_type1 .cate_box .open_bt .box_title1::before {
	content: "Q.";
	position: absolute;
	left: -32px;
	top: 0px;
	display: inline-block;
	vertical-align: baseline;
	color: #f57f40;
}
.qa_type1 .cate_box .box_item {
	display: none;
	padding: 0px 30px 0px;
}
.qa_type1 .cate_box .box_txt1 {
	padding: 1em;
	background-color: #f5f5f5;
	border-radius: 5px;
}

#contact_tel a{
    border-radius:30px;
}

#page10 .con_box .more_btn{
    letter-spacing: 1px;
}




/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
main{
    background-size: 100% 100px,100%;
    padding-bottom: 150px
}
.catch {
    width: 50vw;
}
#page_title .page_title_box{
    width:55%;
}
#page_title h2{
    font-size:25px;
}
#cms_2-g .cate_title {
    font-size: 1.5em;
}
.qa_type1 .cate_box .open_bt .box_title1 {
	padding-right: 20px;
}


}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.font_14 {
    font-size: 16px;
}

.catch {
    width: 88vw;
}
main {
    background-size: 100% 50px,100%;
    padding-bottom: 100px;
}
.fix_bnr {
    left: 10px;
}
#page_title .page_title_box {
    width: 60%;
}
.page9 #page_title .page_title_box {
    width: 75%;
}
.qa_type1 .cate_box .open_bt {
	padding: 5px 0 7px;
}
.qa_type1 .cate_box .open_bt .box_title1 {
	margin-left: 73px;
}
.qa_type1 .cate_box .box_txt1 {
	padding: 0.2em 1.2em;
}
}