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



#dogcat_hoken .a_l{ text-align: left;}
#dogcat_hoken .a_c{ text-align: center;}
#dogcat_hoken .a_r{ text-align: right;}
#dogcat_hoken sup{ font-size: 0.7em; vertical-align: super;}
#dogcat_hoken .gray_btn{ font-weight: bold; text-align: center;}
#dogcat_hoken .gray_btn a{ position: relative;text-decoration: none; display: inline-block; font-size: 1em; padding: 0.3em 2em 0.3em 2em; border: 2px solid #CCC; border-radius: 0.5em; margin: 1em auto 0em; background: #FFF;}
#dogcat_hoken .gray_btn a::after{ content: ""; position: absolute; color: #CCC; right: 0.5em; top: 0; bottom: 0; margin: auto; line-height: 1; width: 0.4em; height: 0.4em; border-top: 2px solid; border-right: 2px solid;transform:rotate(45deg);  }

#dogcat_hoken .co_ttl{ font-size: 1.4em; background: rgba(243,126,0,1); padding: 0.1em; text-align: center; color: #FFF; font-weight: bold;}
#dogcat_hoken .orange_maru{ background: #FFF; color: rgba(243,126,0,1); border: solid 2px rgba(243,126,0,1); text-align:center;border-radius: 1em; font-weight: 600; margin: 1em auto 0.5em;}
#dogcat_hoken .subttl{ font-size: 1.6em; color: #E5336A; font-weight: bold; text-align: center; line-height: 1.4; margin-bottom: 0.2em;}
#dogcat_hoken .btn a{ text-decoration: none;}
#dogcat_hoken .text{}
#dogcat_hoken .text .b{ font-weight: bold;}
#dogcat_hoken .text .list{ padding-left: 1em; text-indent: -1em; display: block; margin-top: 0.4em;}
#dogcat_hoken .kome{ font-size: 0.9em; padding-left: 1em; text-indent: -1em; display: block;}
#dogcat_hoken .text .kome_s{ font-size: 0.75em; padding-left: 1em; text-indent: -1em; display: block;}
#dogcat_hoken .small{ font-size: 0.8em;}
#dogcat_hoken .small{ font-size: 0.8em;}
#dogcat_hoken .gb{ background: #00743F; color: #FFF; border-radius: 1em; font-weight: 600; padding: 0.2em; margin: 1.5em auto 0.5em;font-size: 1em; text-align: center;}
#dogcat_hoken .ob{ background: rgba(243,126,0,1); color: #FFF; border-radius: 1em; font-weight: 600; padding: 0.2em; margin: 1.5em auto 0.5em;font-size: 1em; text-align: center;}
#dogcat_hoken .c_g{ color: #00743F;}
#dogcat_hoken .c_b{ color: #000;}
#dogcat_hoken .mt05{ margin-top: 0.5em;}
#dogcat_hoken .mt1{ margin-top: 1em;}
#dogcat_hoken .mt2{ margin-top: 2em;}
#dogcat_hoken .mt3{ margin-top: 3em;}
#dogcat_hoken .mt4{ margin-top: 4em;}


#dogcat_hoken #mv h2{ position: relative; font-size: 1em;}

#dogcat_hoken #mv h2 .img{}
#dogcat_hoken #mv h2 .ttl{position: absolute; left: 0.5em; top: 0.5em; width: 35%; max-width: 200px;}
#dogcat_hoken #mv h2 .logo_text{position: absolute; left: 0.5em; bottom: 0.25em; transform: scale(0.7);transform-origin: bottom left;}
#dogcat_hoken #mv h2 .logo{ width: 12em; margin: 0 auto 0.5em 0;}
#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: 1025px) {
#dogcat_hoken #mv h2 .wrap{ width: 90%; margin: auto;
display:flex;justify-content:space-between;align-items:center;}
#dogcat_hoken #mv h2 .ttl{position: absolute; left: 1.5em; top: 1em; width: 10em;}
#dogcat_hoken #mv h2 .ttl br{ display: none;}
#dogcat_hoken #mv h2 .logo_text{position: absolute;transform: scale(1);left: 1.5em; bottom: 0.5em;}
#dogcat_hoken #mv h2 .logo{ width: 13em; margin: 0 auto 0.2em 0;}
#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 .orange_btn{ text-align: center; margin-top: 1.5em;}
#dogcat_hoken .orange_btn .btn{ width: 75%; line-height: 1.2; padding: 0 0.25em; border-radius: 0.5em; font-size: 0.9em; background: rgba(243,126,0,1); margin:0.5em auto 0;}
#dogcat_hoken .orange_btn .btn a{ display: block; padding: 1.0em 0.5em 1.0em 0; text-decoration: none; color: #FFF; font-weight: bold; position: relative; width: 100%; }
#dogcat_hoken .orange_btn .btn a{
background: url("../images/white_yajirushi2.png") no-repeat right center; background-size: 0.9em;  background-position: right 0.2em center;}
#dogcat_hoken .orange_btn .btn a.text_br{ padding: 0.5em 0.5em 0.5em 0;}



			
			
			

#dogcat_hoken #cheap_price{ text-align: center; margin: 4em auto 0;}
#dogcat_hoken #cheap_price .bg{ background:#FFFFE3; padding-bottom: 1px; padding-bottom:3em;}
#dogcat_hoken #cheap_price .sub_ttl{ font-weight: bold; margin: 0.7em auto 0.3em; font-size: 1.4em; line-height: 1.3;}

#dogcat_hoken #cheap_price .text{ text-align: left;}

#dogcat_hoken #cheap_price .plan_wrap{ font-size: 1.2em; margin: 0.4em auto 0.2em;}
#dogcat_hoken #cheap_price .plan_wrap .flex_wrap{  align-items: initial;}

#dogcat_hoken #cheap_price .plan_wrap .ttl{ color: #FFF; font-weight: bold;}
#dogcat_hoken #cheap_price .plan_wrap .text{ padding:0.2em 1em; font-weight: bold;}
#dogcat_hoken #cheap_price .plan_wrap .price{ background: #FFF; padding:0 0.5em; font-weight: bold; flex: 1; font-size: 1.2em;}

#dogcat_hoken #cheap_price .plan_wrap.fami{ margin-top: 0.8em;}
#dogcat_hoken #cheap_price .plan_wrap.fami .ttl{ background: rgba(0,116,63,1);}
#dogcat_hoken #cheap_price .plan_wrap.peti .ttl{ background: rgba(243,126,0,1);}
#dogcat_hoken #cheap_price .plan_wrap.fami .text{ background: rgba(0,116,63,0.3);}
#dogcat_hoken #cheap_price .plan_wrap.peti .text{ background: rgba(243,126,0,0.3);}


#dogcat_hoken #cheap_price .img{ margin: 1em auto 0;}




#dogcat_hoken #cover{ margin: 0 auto 4em;}
#dogcat_hoken #cover .sub_ttl{ margin: 0.6em auto 0.3em; font-weight: bold;text-align: center; font-size: 1.5em; color: rgba(243,126,0,1); line-height: 1.3;}
#dogcat_hoken #cover .sub_ttl2{ font-size: 1.3em; border-bottom: 2px solid; border-left: 0.25em solid; padding-bottom: 0.25em; margin: 1.5em auto 0; text-align: left; padding-left: 0.5em;}

#dogcat_hoken #cover .co_ttl{ line-height: 1.3; padding: 0.2em 0;}
#dogcat_hoken #cover .img{ margin: 1em auto 0.5em;}
#dogcat_hoken #cover .cont6 .img{ width: 70%;}


#dogcat_hoken #cover .ob{ margin: 2em auto 0.5em; line-height: 1.3; padding: 0.4em 0.2em;}
#dogcat_hoken #cover .ob.black{ color: #323232; background: #FFF; border: 1px solid;}

#dogcat_hoken #cover .orange_btn{}
#dogcat_hoken #cover .orange_btn .btn{ width: 49%;}
#dogcat_hoken #cover .orange_btn .btn a{ padding: 1.25em 0.5em 1.25em 0;}
#dogcat_hoken #cover .orange_btn .btn1{}
#dogcat_hoken #cover .orange_btn .btn2{ background: #4C9D78;}

#dogcat_hoken #cover .btn_wrap{}
#dogcat_hoken #cover .btn_wrap .btn{ padding: 0.4em 1em 0.4em 0.5em; background: #F4F2E9; border-radius: 0.5em;margin: 0 auto 0.5em; position: relative;}
#dogcat_hoken #cover .btn_wrap .btn::after{ content: ""; position: absolute; color:#AE924F; right: 0.75em; top: 0; bottom: 0; margin: auto; line-height: 1; width: 0.7em; height: 0.7em; border-top: 2px solid; border-right: 2px solid;transform:rotate(45deg);  }
#dogcat_hoken #cover .btn_wrap .icon{ width: 4em; margin-right: 0.5em;}
#dogcat_hoken #cover .btn_wrap .text{ flex: 1;}
#dogcat_hoken #cover .btn_wrap .text .b{ display: block; font-size: 1.1em;}
#dogcat_hoken #cover .btn_wrap .text .small{ display: block; font-weight: 600;}



#dogcat_hoken #cover .onoff_wrap .click_wrap{ position: relative; background: rgba(243,126,0,1); color: #FFF; font-weight: bold; line-height: 1.2;  text-align: center; padding: 0.8em 0; font-size: 1.2em; margin: 2.5em auto 0;}
#dogcat_hoken #cover .onoff_wrap .sub_ttl{ color: #323232; margin: 2em auto 0.5em;}
#dogcat_hoken #cover .onoff_wrap .ob{ margin: 2em auto 0.5em;}
#dogcat_hoken #cover .onoff_wrap .gray_btn{ margin: 0.5em auto 2em;}
#dogcat_hoken #cover .onoff_wrap .mt1{ margin-top: 1em}

#dogcat_hoken #cover .onoff_wrap .click_wrap .small{ font-size: 0.6em; display: block;}
#dogcat_hoken #cover .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 #cover .onoff_wrap .click_wrap .icon::before,
#dogcat_hoken #cover .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 #cover .onoff_wrap .click_wrap .icon::before{width: 100%; height: 0.2em;}
#dogcat_hoken #cover .onoff_wrap .click_wrap .icon::after{width: 0.2em; height: 100%;}
#dogcat_hoken #cover .onoff_wrap .click_wrap.on .icon::before{transform:rotate(135deg); }
#dogcat_hoken #cover .onoff_wrap .click_wrap.on .icon::after{transform:rotate(315deg); }
#dogcat_hoken #cover .onoff_wrap .open_wrap{ display: none; font-size: 0.9em; border: 2px solid rgba(243,126,0,1); padding:1px 0.5em 1em; border-top: none;}





#dogcat_hoken #service{background: #FFFFE3; padding-bottom: 4em;}
#dogcat_hoken #service .co_ttl{ line-height: 1.3; padding: 0.2em 0;}
#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;}
#dogcat_hoken #service .gray_btn a{ margin: 0.75em auto 0em;}




#dogcat_hoken #case{}
#dogcat_hoken #case .bg{ background: #FFFFE3; padding-bottom: 4em;}

#dogcat_hoken #case .img{ margin: 1em auto 0.5em; width: 90%;}
#dogcat_hoken #case .orange_btn .btn{ width: 100%; line-height: 1.2; padding: 0 0.25em; border-radius: 0.5em; font-size: 1em; background: rgba(243,126,0,1); margin:0.5em auto 0; text-align: left;}
#dogcat_hoken #case  .orange_btn .btn a{ display: block; padding: 1em 1em 1em 0.5em; text-decoration: none; color: #FFF; font-weight: bold; position: relative; width: 100%;}
#dogcat_hoken #case  .orange_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 #kikkake{ margin-bottom: 3em;}
#dogcat_hoken #kikkake .cont{ margin: 1.5em auto;}
#dogcat_hoken #kikkake .cont .flex_wrap{align-items:flex-start;}
#dogcat_hoken #kikkake .cont .icon{ width: 4em; margin-right: 0.5em;}
#dogcat_hoken #kikkake .cont .text{ flex: 1; font-size: 0.9em;}
#dogcat_hoken #kikkake .cont .text .gray_wrap{ background: #F2F2F2; font-size: 0.9em; padding: 0.5em; margin: 0.5em auto 0;}



#dogcat_hoken #point{ margin: 4em auto 0; background: #FFFFE3; padding-bottom: 4em}
#dogcat_hoken #point .ttl{display:flex;justify-content:space-between; margin: 2em auto 0.5em;}
#dogcat_hoken #point .ttl .icon{ width: 1.7em;margin: 0em 0.5em 0 0;}
#dogcat_hoken #point .ttl .word{ flex: 1; color: rgba(243,126,0,1); font-weight: bold;line-height: 1.4;}
#dogcat_hoken #point .green{ background:#00743F; padding:0.3em 0.2em; font-size: 1.4em; font-weight: bold; color: #FFF; text-align: center; line-height: 1.2;}
#dogcat_hoken #point .green span{ font-size: 0.7em; font-weight: normal; display: block;}
#dogcat_hoken #point .cont{ margin: 1.5em auto 0;}
#dogcat_hoken #point .text{ font-size: 0.9em;}
#dogcat_hoken #point .kaigyou{ display: block; margin: 0.75em auto;}
#dogcat_hoken #point .list{ display: block; margin: 0.75em auto 0;}




#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;}