@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: #00743f; padding: 0.1em; text-align: center; color: #FFF; font-weight: bold;}
#dogcat_hoken .green_maru{ background: #FFF; color: #00743f; border: solid 2px #00743f; 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 .text .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 .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 .c_g{ color: #00743F;}

#dogcat_hoken .mt05{ margin-top: 0.5em;}
#dogcat_hoken .mt1{ margin-top: 1em;}
#dogcat_hoken .mt2{ margin-top: 2em;}
#dogcat_hoken .mb05{ margin-bottom: 0.5em;}
#dogcat_hoken .mb1{ margin-bottom: 1em;}
#dogcat_hoken .mb2{ margin-bottom: 2em;}





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

#dogcat_hoken #mv h2 .img{}
#dogcat_hoken #mv h2 .ttl{position: absolute; right: 0.5em; top: 0.5em; width: 35%; max-width: 200px;}
#dogcat_hoken #mv h2 .logo_text{position: absolute; right: 0.5em; bottom: 0.25em; transform: scale(0.7);transform-origin: bottom right;}
#dogcat_hoken #mv h2 .logo{ width: 12em; margin: 0 0 0.5em 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: 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; right: 1em; top: 1em; width: 10em;}
#dogcat_hoken #mv h2 .ttl br{ display: none;}
#dogcat_hoken #mv h2 .logo_text{position: absolute;transform: scale(1);right: 1em; bottom: 0.5em;}
#dogcat_hoken #mv h2 .logo{ width: 13em; 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 #riyuu{}
#dogcat_hoken #riyuu .bg{ background:#f4f2e9; padding-bottom: 0.5em; margin-bottom: 0.2em;}
#dogcat_hoken #riyuu .text{ margin-bottom: 1.5em;}








#dogcat_hoken .green_btn{ text-align: center; margin-top: 1.5em;}
#dogcat_hoken .green_btn .btn{ width: 75%; line-height: 1.2; padding: 0 0.25em; border-radius: 0.5em; font-size: 0.9em; background: #00743f; margin:0.5em auto 0;}
#dogcat_hoken .green_btn .btn a{ display: block; padding: 0.9em 0.5em 0.9em 0; text-decoration: none; color: #FFF; font-weight: bold; position: relative; width: 100%;}
#dogcat_hoken .green_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 #full_cover{ text-align: center; margin: 4em auto 0;}
#dogcat_hoken #full_cover .bg{ background:#FFFFE3; padding-bottom: 1px; padding-bottom: 4em;}

#dogcat_hoken #full_cover .ttl{ font-size: 1.5em; font-weight: bold;}
#dogcat_hoken #full_cover .gb{}
#dogcat_hoken #full_cover .cont .sub_ttl{ font-weight: bold; margin-top: 0.7em;}
#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 .cont2 .img{ margin:1em auto 1em; width: 80%;}
#dogcat_hoken #full_cover .cont4 .text{ text-align: left;}
#dogcat_hoken #full_cover .cont5 .img{ margin:1em auto 1em; }
#dogcat_hoken #full_cover .b{ font-weight: 600;}
#dogcat_hoken #full_cover .kome{margin-top: 0.5em;;}

#dogcat_hoken #full_cover .btn{ width: 49%; margin-bottom: 0.5em;}




#dogcat_hoken #double_plan{ margin: 0 auto 4em;}
#dogcat_hoken #double_plan .sub_ttl{ font-weight: bold; margin-top: 0.7em;}
#dogcat_hoken #double_plan .big_text{ margin: 1.5em auto 0; text-align: center; font-size: 1.1em; font-weight: bold;}
#dogcat_hoken #double_plan .ttl{ background: #00743f; text-align: center; font-size: 1.4em; color: #FFF; font-weight: bold; margin: 0 auto 0.5em;}
#dogcat_hoken #double_plan .ttl span{ background: #CCE3D8; display: block; color: #323232; font-size: 0.7em;}
#dogcat_hoken #double_plan .img{ margin: 0.5em auto;}

#dogcat_hoken #double_plan .gray_bg{ background: #F0F0F0; padding: 0.75em 0.5em; margin: 1em auto 0.5em; line-height: 1.5; text-align: center;}
#dogcat_hoken #double_plan .gray_bg .b{ font-size: 1.2em; font-weight: bold;}
#dogcat_hoken #double_plan .gray_bg span{ display: inline-block;}
#dogcat_hoken #double_plan .gray_bg .comment{ font-size: 0.85em; margin-top: 0.4em; padding-left: 1em; text-indent: -1em; display: inline-block; text-align: left}
#dogcat_hoken #double_plan .gray_bg .comment span{ text-indent: 0;}



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






#dogcat_hoken #madoguti{padding-bottom: 2em; border-top: 5px solid #00743F; background: #FFFFE3;}
#dogcat_hoken #madoguti .ttl{ position: relative; color: #00743F; text-align: center; font-size: 1.5em; font-weight: bold; line-height: 1.4;}


#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: 1.5em auto 0.5em;font-size: 0.9em; text-align: center;}

#dogcat_hoken #madoguti .text{ font-size: 0.9em;}
#dogcat_hoken #madoguti .text1{flex: 1;}
#dogcat_hoken #madoguti .img1{ width: 80%; margin: auto;}

#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; color: #E5336A;}
#dogcat_hoken #madoguti .text2 b .small{ font-weight: normal; font-size: 0.7em; color: #323232;}
#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;}
#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 .green_btn .btn{ width: 100%; line-height: 1.2; padding: 0 0.25em; border-radius: 0.5em; font-size: 1em; background: #00743f; margin:0.5em auto 0; text-align: left;}
#dogcat_hoken #case  .green_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  .green_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 #point{ margin-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;}
#dogcat_hoken #point .ttl .word{ flex: 1; color: #00743F; font-weight: bold; margin: 0.2em 0 0 0.5em; 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 #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;}