@charset "UTF-8";
/* CSS Document */


#dogcat_hoken .text .kome_s{ font-size: 0.75em; padding-left: 1em; text-indent: -1em; display: block;}
#dogcat_hoken .mt05{ margin-top: 0.5em;}
#dogcat_hoken .mt1{ margin-top: 1em;}

#dogcat_hoken #mv h2{ position: relative; font-size: 4.5vw;}

#dogcat_hoken #mv h2 .img{}
#dogcat_hoken #mv h2 .ttl{position: absolute; right: 1.9em; bottom: 4.7em; font-size: 0.95em; line-height: 1.5; font-weight: 600;}
#dogcat_hoken #mv h2 .logo_text{position: absolute; right: 0.75em; bottom: 0.2em; transform: scale(0.7);transform-origin: bottom right;}
#dogcat_hoken #mv h2 .logo{ width: 13em; margin: 0 0.2em 0.3em auto;}
#dogcat_hoken #mv h2 .text{ font-size:0.5em; line-height: 1.4;
text-shadow:1px 1px 0 #FFF,-1px 1px 0 #FFF,-1px -1px 0 #FFF,1px -1px 0 #FFF,1px 0px 0 #FFF,0px 1px 0 #FFF,-1px 0px 0 #FFF,0px -1px 0 #FFF;}

@media all and (min-width: 601px) {
	#dogcat_hoken #mv h2{font-size: 27px;}
}
@media all and (min-width: 1025px) {
#dogcat_hoken #mv h2 .wrap{ width: 95%; margin: auto;
display:flex;justify-content:space-between;align-items:center;}
#dogcat_hoken #mv h2 .ttl{position: relative; right: 0; bottom: 0; font-size: 0.7em; font-weight: 600; line-height: 1.5;}
#dogcat_hoken #mv h2 .ttl br{ display: none;}
#dogcat_hoken #mv h2 .logo_text{position: relative;transform: scale(1);right: 0; top: 0; margin: -0.3em auto;}
#dogcat_hoken #mv h2 .logo{ width: 11em; margin: 0 0 0.2em auto;}
#dogcat_hoken #mv h2 .text{ font-size:10px; line-height: 1.4;
text-shadow:1px 1px 0 #FFF,-1px 1px 0 #FFF,-1px -1px 0 #FFF,1px -1px 0 #FFF,1px 0px 0 #FFF,0px 1px 0 #FFF,-1px 0px 0 #FFF,0px -1px 0 #FFF;}
}



#dogcat_hoken #campaign_modal{ width: 80%; margin: 1.5em auto 1.5em; box-shadow: 0 0 0.3em 0 #AAA;}



#dogcat_hoken .gimon_btn{ text-align: center; margin-top: 1.5em;}
#dogcat_hoken .gimon_btn .btn_text{ font-weight: bold; margin-bottom: 0.25em;}
#dogcat_hoken .gimon_btn .flex_wrap{align-items:normal;}
#dogcat_hoken .gimon_btn .btn{ width: 49%; line-height: 1.2;display:flex;align-items:center;  justify-content: center; padding: 0 0.25em; border-radius: 0.5em; font-size: 0.9em;}
#dogcat_hoken .gimon_btn .btn1{ background-color: #5877BE;}
#dogcat_hoken .gimon_btn .btn2{ background-color: #50A094;}
#dogcat_hoken .gimon_btn .btn a{ display: block; padding: 0.4em 0.5em 0.4em 0; text-decoration: none; color: #FFF; font-weight: bold; position: relative; width: 100%;}
#dogcat_hoken .gimon_btn .btn a{
background: url("../images/white_yajirushi.png") no-repeat right center; background-size: 0.5em;  background-position: right 0.2em center;}



#dogcat_hoken #age_wrap{ text-align: center; margin: 2em auto; padding:1.5em 0; background: rgba(0,179,219,0.15);}

#dogcat_hoken #age_wrap #age_famipetit{}
#dogcat_hoken #age_wrap #age_famipetit .onoff_wrap .click_wrap{ background: #46B;}

#dogcat_hoken #age_wrap #age_senior{}
#dogcat_hoken #age_wrap #age_senior .onoff_wrap .click_wrap{ background: #A5609E;}


#dogcat_hoken #age_wrap .sub_ttl span{ color: rgba(0,179,219,1.0); font-weight: bold; font-size: 1.2em; padding:0 0.25em;	background:linear-gradient(transparent 60%, rgba(0,179,219,0.2) 60%);}


#dogcat_hoken #age_wrap .onoff_wrap{ margin: 1em auto 0; background: #FFF;}

#dogcat_hoken #age_wrap .onoff_wrap .click_wrap{ position: relative; background: #CCC; color: #FFF; font-weight: bold; line-height: 1.2;  text-align: center; padding: 0.5em 0; font-size: 1.2em;}
#dogcat_hoken #age_wrap .onoff_wrap .click_wrap .small{ font-size: 0.6em; display: block;}
#dogcat_hoken #age_wrap .onoff_wrap .click_wrap .icon{ display: block; position: absolute; width: 1.25em; height: 1.25em; right: 0.5em; top: 0; bottom: 0; margin: auto;}
#dogcat_hoken #age_wrap .onoff_wrap .click_wrap .icon::before,
#dogcat_hoken #age_wrap .onoff_wrap .click_wrap .icon::after{ content:""; position: absolute;  background: #FFF; border-radius: 0.1em; left: 0; right: 0; top: 0; bottom: 0; margin: auto;
transition-property:transform;transition-duration:0.4s;}
#dogcat_hoken #age_wrap .onoff_wrap .click_wrap .icon::before{width: 100%; height: 0.2em;}
#dogcat_hoken #age_wrap .onoff_wrap .click_wrap .icon::after{width: 0.2em; height: 100%;}
#dogcat_hoken #age_wrap .onoff_wrap .click_wrap.on .icon::before{transform:rotate(135deg); }
#dogcat_hoken #age_wrap .onoff_wrap .click_wrap.on .icon::after{transform:rotate(315deg); }


#dogcat_hoken #age_wrap .onoff_wrap .open_wrap{ padding: 1em 0.5em 2em; font-size: 0.9em; display: none;}

#dogcat_hoken #age_wrap .onoff_wrap .open_wrap .name{}
#dogcat_hoken #age_wrap .onoff_wrap .open_wrap .name .small{ font-size: 0.9em; font-weight: 600;}
#dogcat_hoken #age_wrap .onoff_wrap .open_wrap .name .ttl{ display: block; font-weight: bold; font-size: 1.5em; color:#00743F; margin-bottom: 0.25em;}

#dogcat_hoken #age_wrap .onoff_wrap .open_wrap .sub_text{ font-size: 0.9em; margin: 0.2em auto 1em; font-weight: 600; line-height: 1.4;}


#dogcat_hoken #age_wrap .onoff_wrap .open_wrap .b_text{ font-weight: 600; margin: 1em auto 0.2em; font-size: 0.9em;}
#dogcat_hoken #age_wrap .onoff_wrap .open_wrap .text{ font-size: 0.9em; margin: 1em auto;}
#dogcat_hoken #age_wrap .onoff_wrap .open_wrap .maru_wrap{ border: 1px solid; border-radius: 1em; font-weight: 600; margin: 2em auto 1em;}
			
			

#dogcat_hoken #age_wrap .onoff_wrap .bar{ margin: 2em auto; border-bottom: 2px dotted rgba(0,116,63,0.2);}

#dogcat_hoken #age_wrap .open_wrap #family .name .ttl{ color:#00743F;}
#dogcat_hoken #age_wrap .open_wrap #family .maru_wrap{ color:#00743F;}
#dogcat_hoken #age_wrap .open_wrap #petit .name .ttl{ color:#8EC31F;}
#dogcat_hoken #age_wrap .open_wrap #petit .maru_wrap{ color:#8EC31F; margin-top: 0.5em;}
#dogcat_hoken #age_wrap .open_wrap #senior .name .ttl{ color:#A5609E;}
#dogcat_hoken #age_wrap .open_wrap #senior .maru_wrap{ color:#A5609E;}


#dogcat_hoken #full_cover{ text-align: center; margin-bottom: 4em;}
#dogcat_hoken #full_cover .ttl{ font-size: 1.5em; font-weight: bold;}
#dogcat_hoken #full_cover .gb{ background: #00743F; color: #FFF; border-radius: 1em; font-weight: 600; padding: 0.2em; margin: 1.5em auto 0.5em;font-size: 0.9em;}
#dogcat_hoken #full_cover .sub_ttl{ font-weight: bold;}

#dogcat_hoken #full_cover .text{ font-size: 0.8em; margin: 0.5em auto;}
#dogcat_hoken #full_cover .cont1 .img{ margin:0 auto 0; width: 80%;}
#dogcat_hoken #full_cover .cont1 .text{ margin-bottom: 1em;}
#dogcat_hoken #full_cover .cont1 .text2{ margin: 0 auto;}
#dogcat_hoken #full_cover .cont3 .text{ text-align: left;}
#dogcat_hoken #full_cover .c_g{ color: #00743F;}
#dogcat_hoken #full_cover .b{ font-weight: 600;}
#dogcat_hoken #full_cover .kome{ display: inline-block; padding-left: 1em; text-indent: -1em; margin-top: 0.5em; font-size: 0.9em;}

#dogcat_hoken #full_cover .btn{ width: 49%;}


#dogcat_hoken #madoguti{padding-bottom: 2em; border-top: 5px solid #00743F; background: #FFFFE3;}
#dogcat_hoken #madoguti .ttl{ position: relative;}
#dogcat_hoken #madoguti .ttl .text{ position: absolute; right: 5%; top: 0.7em; 
font-weight: bold; font-size: 1em;}

#dogcat_hoken #madoguti .ttl{ position: relative; font-size: 5vw;}
@media all and (min-width: 601px) {
	#dogcat_hoken #madoguti .ttl{font-size: 30px;}
}

#dogcat_hoken #madoguti .sub_ttl{ text-align: center; font-weight: bold; margin: 0.5em auto 0.2em;}
#dogcat_hoken #madoguti .gb{ background: #00743F; color: #FFF; border-radius: 1em; font-weight: 600; padding: 0.2em; margin: 2.5em auto 0.5em;font-size: 0.9em; text-align: center;}

#dogcat_hoken #madoguti .text{ font-size: 0.9em;}
#dogcat_hoken #madoguti .flex_wrap1{ margin: 1em auto 1em;}
#dogcat_hoken #madoguti .text1{flex: 1; margin-right: 0.5em;}
#dogcat_hoken #madoguti .img1{ width: 27%;transform: rotate(11deg); border-radius:4%; box-shadow: 0 0 0.4em 0 rgba(0,0,0,0.5);}

#dogcat_hoken #madoguti .flex_wrap2{justify-content:center; margin: 1em auto 0;}
#dogcat_hoken #madoguti .img2{ width: 80%; max-width: 280px; margin: 0.5em auto; text-align: center;}

#dogcat_hoken #madoguti .text2{text-align: left; margin-right: 0.5em;}
#dogcat_hoken #madoguti .text2 b{ font-size: 1.5em; font-weight: bold; display: block; line-height: 1.2; margin-bottom: 0.3em;}
#dogcat_hoken #madoguti .text2 b .small{ font-weight: normal; font-size: 0.7em;}
#dogcat_hoken #madoguti .text2 .word{ font-size: 0.9em;}
#dogcat_hoken #madoguti .img3{ width: 40%; max-width: 150px;}
#dogcat_hoken #madoguti .img4{ width: 100%; max-width: 480px; margin: auto;}

#dogcat_hoken #madoguti .flex_wrap3{justify-content:center; margin: 0.5em auto ;}
#dogcat_hoken #madoguti .text3{ font-size: 0.8em;}
#dogcat_hoken #madoguti .img5{ width: 4.5em; margin-right: 0.5em;}
#dogcat_hoken #madoguti .img6{ width: 100%; max-width: 480px; margin: auto;}
#dogcat_hoken #madoguti .img7{ width: 70%; max-width: 200px; margin: 1em auto;}




#dogcat_hoken #service{padding-bottom: 2em; border-top: 5px solid #F37E00;}
#dogcat_hoken #service .ttl{ font-size: 1.5em; font-weight: bold; text-align: center; color: #F37E00; margin: 1em auto 0.5em;}
#dogcat_hoken #service .sub_ttl{ text-align: center;}
#dogcat_hoken #service .sub_ttl .small{ font-size: 0.9em;}
#dogcat_hoken #service .sub_ttl .big{ font-size: 1.1em; font-weight:bold;}

#dogcat_hoken #service .ob{ background: #F37E00; color: #FFF; border-radius: 1em; font-weight: 600; padding: 0.2em; margin: 1em auto 1em;font-size: 0.9em; text-align: center;}
#dogcat_hoken #service .bb{ background: #45B2BA; color: #FFF; border-radius: 1em; font-weight: 600; padding: 0.2em; margin: 3em auto 1em;font-size: 0.9em; text-align: center;}
#dogcat_hoken #service .text{ margin: 1em auto 0; font-size: 0.9em;}
#dogcat_hoken #service .text b{ font-weight: bold;}
#dogcat_hoken #service .text .kome{ font-size: 0.8em; display: block;}
#dogcat_hoken #service .gray_btn a{ margin: 0.75em auto 0em;}




#dogcat_hoken #tokuten{padding-bottom: 2em; border-top: 5px solid #D50000; background: rgba(213,0,0,0.1);}

#dogcat_hoken #tokuten .co_bg_ttl{ background: #D50000; color: #FFF; text-align: center; font-weight: bold; padding: 0.1em 0.2em 0.2em; font-size: 1.5em;}
#dogcat_hoken #tokuten .ttl{ font-size: 1.5em; font-weight: bold; text-align: center; color: #D50000; margin: 1em auto 0.5em;}
#dogcat_hoken #tokuten .sub_ttl{ text-align: center;}
#dogcat_hoken #tokuten .sub_ttl .small{ font-size: 0.9em;}
#dogcat_hoken #tokuten .sub_ttl .big{ font-size: 1.05em; font-weight:bold;}

#dogcat_hoken #tokuten .img1{ width: 90%; margin: 0.2em auto 1em; max-width: 520px;}
#dogcat_hoken #tokuten .rb{ background: #D50000; color: #FFF; border-radius: 1em; font-weight: 600; padding: 0.2em; margin: 1em auto 0.25em;font-size: 0.9em; text-align: center;}
#dogcat_hoken #tokuten .rl{ background: #FFF; color: #D50000; border:1px solid #D50000;border-radius: 1em; font-weight: 600; padding: 0.2em; margin: 2em auto 1em;font-size: 0.9em; text-align: center;}
#dogcat_hoken #tokuten .big_text{ margin: 0em auto 0; text-align: center; font-size: 1.5em; font-weight: bold;}
#dogcat_hoken #tokuten .text{ margin: 1em auto 0; font-size: 0.9em; flex: 1; margin-right: 0.5em;}
#dogcat_hoken #tokuten .text b{ font-weight: bold; display: block; font-size: 1.2em;}
#dogcat_hoken #tokuten .flex_wrap .img{ width: 30%; max-width: 150px;}



#dogcat_hoken #note{ margin-bottom: 3em;}
#dogcat_hoken #note .green{ background: #00743F; padding: 0.2em; font-size: 1.4em; font-weight: bold; color: #FFF; text-align: center;}
#dogcat_hoken #note .cont{ margin: 1.5em auto 0;}
#dogcat_hoken #note .text{ font-size: 0.9em;}
#dogcat_hoken #note .text b{ font-weight: bold; display: block; margin:1em auto 0.2em; font-size: 1.1em;}
#dogcat_hoken #note .text .img{ margin: 1em auto;}
#dogcat_hoken #note .text .list{ display: block; padding-left: 1em; text-indent: -1em;}
#dogcat_hoken #note .text .kome{ display: block; padding-left: 1em; text-indent: -1em; font-size: 0.9em;}


#dogcat_hoken #contact{ margin-bottom: 1em; text-align: center;}
#dogcat_hoken #contact .green{ background: #00743F; padding: 0.2em; font-size: 1.4em; font-weight: bold; color: #FFF; text-align: center;}
#dogcat_hoken #contact .cont{ margin: 0.5em auto 0;}
#dogcat_hoken #contact .cont b{ margin:1em auto 0.55em; display: block; font-size: 0.95em;}
#dogcat_hoken #contact .cont .tel{ line-height: 1; font-size: 2.3em;}
#dogcat_hoken #contact .cont .tel .icon{ display: inline-block; width: 1em; vertical-align: center;}
#dogcat_hoken #contact .cont .tel a{ display: inline-block; text-decoration: none; vertical-align: center; font-weight: bold; color: #00743F;}
#dogcat_hoken #contact .cont .small{ font-size: 0.7em; margin: 0.5em auto 0.7em;}
#dogcat_hoken #contact .cont .yellow_wrap{ background: #FFFEEE; border: dotted 2px #E0D8B6; padding: 0.75em; text-align: left; font-size: 0.7em; margin: 2em auto 0;}