@charset "UTF-8";
/*
Theme Name: primum-chien
Description: primum-chienのWPtheme
Theme URI: http://primum-chien.com/
Author: concordia
Author URI: http://primum-chien.com/
Version: 1.0.1
License: primum-chien
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white, one-columns
*/

*{ margin:0; padding:0; box-sizing:border-box; word-break:break-all;}
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
ul,ol{ list-style:none;}
html,body {
margin:0 auto;
padding:0;
font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
font-size:18px;
text-align:left;
color:#333;
background: url("../images/bg.jpg");
background: #f6e7ea;
min-width:1000px;
overflow-x: hidden;
}
@media screen and (max-width:767px){
html,body{ font-size:3vw; min-width:240px; max-width:767px;}
}

/*img*/
img{ border-style:none; vertical-align:bottom; padding:0; line-height:0em; max-width:100%; height:auto;}
figure{margin:0 auto; text-align:center;}

/*txt*/
p{ line-height:1.75em; margin:0 0 1em; padding:0; text-align:left;}
p:last-child{ margin:0;}
strong{ font-weight:bold;}
.bold { font-weight:bold;}
.normal{ font-weight:normal;}
.under_line{ text-decoration:underline;}
.line_through{ text-decoration:line-through;}

.white{ color:#fff;}
.black{ color:#333;}
.gy{ color:#aaa;}
.red{ color:#c83232;}
.blue{ color:#326496;}

.left{ text-align:left;}
.right{ text-align:right;}
.center{ text-align:center;}

/*link*/
a{ color:inherit; text-decoration:none;}
a:hover{}
.opa{ transition: all 0.3s ease;}
.opa:hover{ opacity: 0.7;}



/*ヘッダー*/
header{ position: fixed; left: 0; right: 0; top: 0; margin: auto; background: #fff; box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 2px; z-index: 999;}
header *{ line-height: 1em;}
header dl{ display: flex; align-items: center; justify-content: space-between; padding: 20px 40px;}
header dl dt{ display: flex; align-items: center;}
header dl dt span{ margin-right: 40px;}
header dl dt span img{ height: 60px;}
header dl dt h1 img{ height: 36px;}
header dl dd{ width: 300px; text-align: right;}
header dl dd img{ height: 80px;}
@media screen and (max-width:1200px){
header dl{ padding: calc((20/1200)*100vw) calc((40/1200)*100vw);}
header dl dt span{ margin-right: calc((40/1200)*100vw);}
header dl dt span img{ height: calc((60/1200)*100vw);}
header dl dt h1 img{ height: calc((36/1200)*100vw);}
header dl dd{ width: calc((300/1200)*100vw);}
header dl dd img{ height: calc((36/1200)*100vw);}
}

/*フッター*/
footer{ background: #5c2b3b; color: #f6e7ea; box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 2px; z-index: 999;}
p.copyright{ text-align:center; margin:0; padding:1em; font-size:16px; letter-spacing:0.1em;}
@media screen and (max-width:767px){
p.copyright{font-size:2.5vw;}
}


/*メイン*/
#content{ overflow:hidden; background: #fff; width: 1000px; padding: 0 40px; margin: 40px auto; box-shadow:rgba(0, 0, 0, 0.2) 0 0 10px 5px;}
section{ width:100%; margin:0 auto; padding: 80px 0;}
.maincontent{ padding:0; margin:0 auto; max-width:1000px;}
.maincontent2{ padding:0; margin:0 auto; max-width:1000px;}
@media screen and (max-width:767px){
#content{ width: 100%; margin: 0 auto; box-shadow:none;}
section{ padding: 10% 0;}
.maincontent{ padding:0; margin:0 auto; width:95%;}
.maincontent2{ padding:0; margin:0 auto; width:90%;}
}


/*mv*/
#home_mv{ padding: 0; background: #f6e7ea; position: relative; z-index: 3;}
#home_mv h2{ position: absolute; right: 80px; top: 60px; z-index: 10; width: 953px;}
#home_mv .maincontent{ position: relative; display: flex; align-items: center; justify-content: flex-start; height: 850px; max-width: 1200px;}
#home_mv .maincontent figure.bg{ position: absolute; right: -360px; top: 0;}
#home_mv .maincontent figure.img{ text-align: left; padding-top: 60px; margin: 0 0 0 60px;}
#home_mv .maincontent span.ico{ position: absolute; right: -100px; bottom: -100px;}
@media screen and (max-width:1200px){
#home_mv h2{ width: 80%;}
#home_mv .maincontent figure.img{ width: 60%;}
}
@media screen and (max-width:767px){
#home_mv h2{ right: 3.75vw; top: 5vw; width: 75%;}
#home_mv .maincontent{ height: calc((850/1200)*100vw);}
#home_mv .maincontent figure.bg{ right: calc((-360/1200)*100vw);}
#home_mv .maincontent figure.bg img{ height: calc((850/1200)*100vw);}
#home_mv .maincontent figure.img{ padding-top:7.5%; margin: 0 0 0 2.5%;}
#home_mv .maincontent figure.img img{ height: calc((608/1200)*100vw); width: auto;}
#home_mv .maincontent span.ico{ width: calc((271/1200)*100vw); right: calc((-100/1200)*100vw); bottom: calc((-100/1200)*100vw);}
}


/*lead*/
#home_lead figure.img01{ margin: 80px auto;}
#home_lead p.box01{ text-align: center;}
#home_lead p.txt01{ text-align: center;}
@media screen and (max-width:767px){
#home_lead figure.img01{ margin: 10% auto;}
#home_lead p.box01{ text-align: center;}
#home_lead p.txt01{ text-align: center;}
}


/*owner*/
#home_owner{ position: relative; z-index: 1;}
#home_owner:after{ content: ""; width: 50%; height: calc(100% + 400px); background: #f6e7ea; position: absolute; right: 0; top: 0; z-index: -1;}
#home_owner h2{ text-align: center; margin-bottom: 40px;}
#home_owner ul{ display: flex;}
#home_owner ul li{ width: 50%; text-align: center;}
#home_owner ul li figure.btn{ margin: 20px auto 40px;}
#home_owner ul li p{ width: 500px; margin: auto;}
#home_owner p.dog_txt{ text-align: center; margin: 60px auto;}
@media screen and (max-width:767px){
#home_owner{ position: relative; z-index: 1;}
#home_owner:after{ content: ""; width: 50%; height: calc(100% + 50vw); background: #f6e7ea; position: absolute; right: 0; top: 0; z-index: -1;}
#home_owner h2{ margin: 0 auto 5%; width: 75%;}
#home_owner ul li figure.btn{ margin: 2.5% auto 5%; width: 90%;}
#home_owner ul li p{ width: 90%; margin: auto;}
#home_owner ul li:nth-child(1) figure.btn,
#home_owner ul li:nth-child(1) p{ margin-left: 2.5%;}
#home_owner ul li:nth-child(2) figure.btn,
#home_owner ul li:nth-child(2) p{ margin-right: 2.5%;}
#home_owner p.dog_txt{ margin: 7.5% auto; width: 75%;}
#home_owner figure.btn_contact{ margin: 0 auto; width: 66.66%;}
}


/*dogs*/
#home_dogs{ position: relative; z-index: 1;}
#home_dogs:after{ content: ""; width: 50%; height: calc(100% - 400px); background: #f6e7ea; position: absolute; left: 0; bottom: 0; z-index: -1;}
#home_dogs h2{ text-align: center; margin-bottom: 40px;}
#home_dogs figure{ margin: -40px auto 0;}
#home_dogs p{ text-align: center;}
#home_dogs ul{ margin: 40px auto 0;}
#home_dogs ul li{ text-align: center;}
#home_dogs ul li:nth-child(2){ margin-top: -80px;}
@media screen and (max-width:767px){
#home_dogs:after{ content: ""; width: 50%; height: calc(100% - 50vw); background: #f6e7ea; position: absolute; left: 0; bottom: 0; z-index: -1;}
#home_dogs h2{ margin: 0 auto 5%;}
#home_dogs figure{ margin: -5% auto 0;}
#home_dogs p{ margin: 0 auto; width: 90%;}
#home_dogs ul{ margin: 5% auto 0;}
#home_dogs ul li{ text-align: center;}
#home_dogs ul li:nth-child(2){ margin-top: -10%;}
}



/*下層ぺージ*/
.maincontent2 h2{ text-align: center; font-size: 48px; letter-spacing: 0.1em; line-height: 1.25em; color: #7d4658; padding-bottom: 0.25em; border-bottom: 4px solid #d38ea5; margin-bottom: 40px;}
@media screen and (max-width:767px){
.maincontent2 h2{ font-size: 6.25vw; letter-spacing: 0.05em; margin-bottom: 5%;}
}

/*form*/
/*form_parts*/
::placeholder{ color: #aaa; font-weight: 400;}
::-ms-input-placeholder{ color: #aaa; font-weight: 400;}
input[type=submit]{ -webkit-appearance: none;}
input, textarea{ width:100%; padding:0.5em; font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif; color: #333; font-size:24px; line-height: 1.25em; border:1px solid #aaa; box-sizing: border-box;}
textarea{ text-align: left; height: 10em; font-weight: normal;}
input[type=radio],input[type=checkbox]{ width: auto; padding: 0;}
@media screen and (max-width:767px){
input, textarea{ font-size:4.5vw; padding:0.25em 0.5em;}
textarea{ height: 10em;}
}
/*form_parts*/
#contact table{ width:100%; margin:0 auto; border-collapse:separate; border-spacing:10px;}
#contact table th{ background: #f6e7ea; color: #7d4658; padding: 10px; text-align: center; vertical-align: middle; width: 280px; font-size: 24px;}
#contact table td{ vertical-align: middle;}
.submit_btn{ margin: 20px auto 40px; text-align: center;}
.submit_btn input{ display: inline-block; width: auto; padding: 1em 5em; background: #7d4658; color: #fff; cursor: pointer; border: 6px double #fff; border-radius: 0; transition: 0.3s;}
.submit_btn input:hover{ opacity: 0.7;}
.submit_btn p{ margin-top: 1em;}
@media screen and (max-width:767px){
.submit_btn{ margin-top:2.5%;}
.submit_btn input{ padding:0.5em 5em;}
#contact table{ width:100%; margin:0 auto; border-collapse:collapse; border-spacing:0;}
#contact table th{ display:block; width:100%; font-size:4.5vw;}
#contact table td{ display:block; padding:2.5%; margin-bottom:5%;}
}




@media print, screen and (min-width:768px){
.smp{ display:none !important;}
}
@media screen and (max-width:767px){
.pc{ display:none !important;}
}