@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

@media screen and (max-width:1000px){}
@media screen and (max-width:450px){}

@font-face {
  font-family: "corplogo-bold";
  src:
    local("corplogo-bold"),
    url("/font/Corporate-Logo-Bold-ver3.otf") format("opentype") tech(color-COLRv1),
    url("/font/Corporate-Logo-Bold-ver3.otf") format("opentype"),
    url("/font/Corporate-Logo-Bold-ver3.woff") format("woff");
}

*{
    margin:0;
    padding:0;
    font-size:16px;
    line-height:1.5em;
    letter-spacing:0.1em;
    box-sizing:border-box;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	color:#333333;
}
li {list-style:none;}
@media screen and (max-width:450px){
	* {
    letter-spacing:0em;
	}
}
ul {
    list-style-type:none;
}
ol, ul {
	padding-left: 0px;
}
body {
    background-color:#ffffff;
}
@font-face {
    font-family: "myfont", sans-serif;
    src: url("fonts/Corporate-Logo-Bold-ver3.ttf") format("truetype");
    src: url("fonts/Corporate-Logo-Bold-ver3.woff") format("woff");
}
a {
    display:inline-block;
    opacity:1;
    text-decoration:none;
}
a:hover {
    opacity:0.7;
}
.contbox {
    width:100%;
    margin-bottom:80px;
}
.inner {
    width:100%;
    max-width:1000px;
    margin:0 auto;
}
@media screen and (max-width:1000px){
	.inner {
		width:90%;
		max-width:1000px;
		margin:0 auto;
	}
}
.blue {
    color:#a2d2fb;
}
.pink {
    color:#fca8b0;
}
.white {
    color:#ffffff;
}
.line {
    background: linear-gradient(transparent 60%, #fca8b0 40%);
}
.size_l {
    font-size:2em;
}
.size_ll {
    font-size:2.5em;
}
.size_lll {
    font-size:3.5em;
    line-height:1em;
}
@media screen and (max-width:450px){
    .size_l {
        font-size:1.3em;
    }
    .size_ll {
        font-size:1.8em;
    }
    .size_lll {
        font-size:2.8em;
        line-height:1em;
    }
}
.bold {
    font-weight:bold;
}
.txt_c{text-align:center;}
.mb_reset {margin-bottom:0 !important;}
.slick-slide {
    padding:0 18px !important;
}
.slick-dots li button:before {
    font-size:12px !important;
}
/**********************************************

header

**********************************************/
#header {
    position:fixed;
    top:0;
    left:0;
    z-index:9999;
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:100%;
    height:70px;
    padding:5px;
}
#header div, 
#header a{
    height:100%;
}
#header.scr {
    background-color:#ffffff;
}
@media screen and (max-width:450px){
    #header div, 
    #header a{
        height:90%;
    }
}
#header img {
    height:100%;
}
#header .h_tel {
    padding-right:80px;
}
@media screen and (max-width:450px){
    #header .h_tel a.telnum{
        display:none;
    }
}

/**********************************************

menu

**********************************************/
.menu-btn {
    position: fixed;
    top: 0;
    right: 0;
    display: flex;
    height: 70px;
    width: 70px;
    justify-content: center;
    align-items: center;
    padding-bottom: 12px;
    z-index: 90;
    background-color: #fdb5bb;
    cursor:pointer;
}
.menu_ttl {
    position:absolute;
    left:0;
    bottom:6px;
    width:100%;
    text-align:center;
    font-size:0.8em;
    color:#ffffff;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 3px;
    width: 40px;
    border-radius: 3px;
    background-color: #ffffff;
    position: absolute;
    transition: 0.3s;
}
.menu-btn span:before {
    bottom: 12px;
}
.menu-btn span:after {
    top: 12px;
}
#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
    transition: 0.3s;
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
    transition: 0.3s;
}
#menu-btn-check {
    display: none;
}
.menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: -100%;
    z-index: 80;
    background: #efefef !important;
    transition: all 0.5s;/*アニメーション設定*/
}
#menu-btn-check:checked ~ .menu-content {
    right: 0;/*メニューを画面内へ*/
	height:100%;
}
.menu-content ul {
    padding: 70px 24px 0;
}
.menu-content ul li {
    border-bottom: solid 1px #333333;
    list-style: none;
}
.menu-content ul li a {
    display: block;
    width: 100%;
    font-size: 15px;
    box-sizing: border-box;
    color:#333333;
    text-decoration: none;
    padding: 16px 15px 16px 0;
    position: relative;
}
.menu-content ul li a::before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: solid 2px #333333;
    border-right: solid 2px #333333;
    transform: rotate(45deg);
    position: absolute;
    right: 11px;
    top: 25px;
}

/**********************************************

footer

**********************************************/
#footer {
    width:100%;
    padding:100px 0 0;
    background-image:url(../cocoon-child-master/images/yamato/f_bg.png);
    background-position:center top;
    background-position:cover;
}
#f_inner {
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    width:750px;
}
@media screen and (max-width:1000px){
    #f_inner {
        width:100%;
        padding:0 20px;
    }
}
#f_inner .f_logo {
    width:40%;
}
@media screen and (max-width:450px){
	#footer {
		padding-bottom:120px;
	}
    #f_inner .f_logo {
        width:100%;
        margin-bottom:24px;
        text-align:center;
    }
}
#f_inner .f_logo .f_add {
    color:#ffffff;
}
#f_inner .f_menu {
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    width:60%;
}
@media screen and (max-width:450px){
    #f_inner .f_menu {
        width:100%;
    }
}
#f_inner .f_menu li{
    width:50%;
}
#f_inner .f_menu a{
    display:inline-block;
    padding:2px;
    color:#ffffff;
    font-weight:bold;
}
@media screen and (max-width:450px){
#f_inner .f_menu li{
    width:100%;
}
#f_inner .f_menu a{
    padding:6px;
}
}
#f_inner .f_menu a::before{
    content:"・";
}
#f_inner .thankslink_area {
    width:100%;
    padding:24px 0;
    text-align: center;
}
#f_inner .thankslink_area .thanks_ttl{
    width:100%;
    margin-bottom:6px;
    text-align:center;
    color:#ffffff;
    font-weight:bold;
    font-size:1.2em;
}
#f_inner .thankslink_area .thanks_bnr{
    width:100%;
}
#f_inner .thankslink_area .thanks_bnr a{
    margin:0 auto;
}
.cr {
    width:100%;
    padding:12px;
    text-align:center;
    font-size:0.8em;
    color:#ffffff;
}

/**********************************************

mian

**********************************************/
#main {
    width:100%;
	padding-bottom:120px;
}


/**********************************************

Page:Dokenジャーキー

**********************************************/
.f_cpr {
    font-family: "myfont", sans-serif;
}
.doken_contents * {
    letter-spacing:0;
}
#main .d_fv {
    width:100%;
    padding:80px 0;
    text-align:center;
    background-image:url(../cocoon-child-master/images/yamato/doken_bg.jpg);
    background-size:cover;
    background-position:center center;
}
#main .d_fv img {
    width:100%;
    max-width:1200px;
}
@media screen and (max-width:1000px){
    #main .d_fv img {
        width:90%;
        max-width:1200px;
    }
}
#main .d_intro {
    width:100%;
    text-align:center;
}
@media screen and (max-width:450px){
    #main .d_intro {
        width:90%;
        text-align:center;
    }
}
#main .d_colbox02 {
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
}
@media screen and (max-width:1000px){
    #main .d_colbox02 {
        width:90%;
        margin:0 auto;
    }
}
#main .d_colbox02 .img {
    width:60%;
}
@media screen and (max-width:1000px){
    #main .d_colbox02 .img {
        width:50%;
    }
}
@media screen and (max-width:450px){
    #main .d_colbox02 .img {
        order:1;
        width:100%;
    }
}
#main .d_colbox02 .txt {
    width:40%;
    padding:0 20px;
    text-align:center;
}
@media screen and (max-width:1000px){
    #main .d_colbox02 .txt {
        width:50%;
    }
}
@media screen and (max-width:450px){
    #main .d_colbox02 .txt {
        order:0;
        width:100%;
        margin-bottom:24px;
    }
}
#main .d_colbox02 .txt h1 {
    padding-top:6px;
    margin-bottom:6px;
}
#main .d_colbox02 .txt .price {
    display:inline-block;
    margin:0 0 12px 0;
    padding:6px 12px;
    background-color:#a2d2fb;
    color:#ffffff;
    font-weight:bold;
    font-size:1.3em;
}
#main .d_colbox02 .txt .chui_txt {
    width:90%;
    margin:0 auto;
    text-align:left;
    color:#ff0000;
    font-size:0.8em;
}
#main .d_ttl {
    width:100%;
    margin-bottom:24px;
}
#main .d_colbox03 {
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    width:100%;
    max-width:1000px;
    margin:0 auto 120px auto;
}
@media screen and (max-width:1000px){
    #main .d_colbox03 {
        width:90%;
    }
}
#main .d_colbox03 .img{
    width:48%;
}
#main .d_colbox03 .txt{
    width:48%;
}
@media screen and (max-width:1000px){
    #main .d_colbox03 .img{
        width:37%;
    }
    #main .d_colbox03 .txt{
        width:60%;
    }
}
@media screen and (max-width:450px){
    #main .d_colbox03 .img{
        order:1;
        width:100%;
        padding:0 20%;
    }
    #main .d_colbox03 .txt{
        order:0;
        width:100%;
        margin-bottom:24px;
    }
}
#main .d_data_ttl {
    width:100%;
    margin-bottom:24px;
}
#main .d_data {
    width:100%;
    margin-bottom:24px;
}
#main .d_ec_btn {
    width:100%;
}
#main .d_ec_btn a{
    padding:12px 24px;
    color:#ffffff;
    font-weight:bold;
    text-decoration:none;
    background-color:#fdb5bb;
    border-radius:50px;
    font-size:1.2em;
    text-align:center;
}
@media screen and (max-width:450px){
    #main .d_ec_btn a{
        display:inline-block;
        width:100%;
    }
}

#sp_bnr {
    display:none;
}
@media screen and (max-width:450px){
    #sp_bnr {
        position:fixed;
        left:0;
        bottom:0;
        display:block;
        width:100%;
        padding:12px 6px 18px 6px;
        background-color:#a2d2fb;
        text-align:center;
    }
}

/************************************
** page common
************************************/
.cont_mb {
	margin-bottom:80px;
}
.ttlbox {
	width:100%;
	margin-bottom:24px;
	text-align:center;
}
.ttlbox .ttl {
	width:100%;
	text-align:center;
	font-size:2em;
	font-weight:bold;
}
@media screen and (max-width:450px){
.ttlbox .ttl {
	font-size:1.7em;
}
}
.ttlbox .subttl {
	width:100%;
	text-align:center;
	font-size:0.9em;
	font-weight:bold;
	color:#b1daff;
	letter-spacing:0.1em;
}
.ttlbox .col_w {
	color:#ffffff;
}
.btn_box {
	width:100%;
	text-align:center;
}
.btn_box a {
	display:block;
	width:100%;
	max-width:300px;
	margin:0 auto;
	padding:12px 6px;
	text-align:center;
	border-radius:50px;
	color:#ffffff;
	font-weight:bold;
	border:2px solid #ffffff;
	background-color:#fdb5bb;
}

/************************************
** TOP
************************************/
#top_fv {
	width:100%;
	background-image:url(images/yamato/top_fv_bg.jpg);
	background-size:cover;
	background-position:bottom center;
}
#top_fv_inner {
	width:100%;
	max-width:800px;
	margin:0 auto;
	padding:20vh 0 40vh 0;
}
@media screen and (max-width:1080px){
	#top_fv_inner {
		padding:15vh 5% 15vh 5%;
	}
}
.top_intro {
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:100%;
}
.top_intro .top_intro_left {
	width:40%;
}
.top_intro .top_intro_right {
	width:55%;
}
.top_intro .top_intro_ttl {
	width:100%;
	margin-bottom:12px;
	font-size:2em;
	font-weight:bold;
	color:#fd6493;
	letter-spacing:0.1em;
	font-family: "corplogo-bold";
}
@media screen and (max-width:1000px){
	.top_intro .top_intro_ttl br{
		display:none;
	}
}
.top_intro .top_intro_ttl span{
	font-size:1.5em;
	font-weight:bold;
	color:#fd6493;
	line-height:1em;
	font-family: "corplogo-bold";
}
@media screen and (max-width:450px){
	.top_intro {
		flex-wrap:wrap;
	}
	.top_intro .top_intro_left {
		width:100%;
		padding:0 10%;
		margin-bottom:24px;
	}
	.top_intro .top_intro_right {
		width:100%;
	}
	.top_intro .top_intro_ttl {
		font-size:1.7em;
	letter-spacing:0em;
	}
	.top_intro .top_intro_ttl span{
		font-size:1.3em;
	}
}
.top_news_box {
	width:100%;
	max-width:800px;
	margin:0 auto 24px auto;
	border-top:1px solid #efefef;
}
.top_news_box .top_news_list {
	width:100%;
	border-bottom:1px solid #efefef;
}

.top_news_box .top_news_list a {
	display:flex;
	align-items:center;
	width:100%;
	padding:24px;
}
.top_news_box .top_news_list a .top_news_list_date {
	width:120px;
	margin-right:24px;
	font-weight:bold;
}
@media screen and (max-width:450px){
	.top_news_box .top_news_list a {
		padding:18px 0;
	}
	.top_news_box .top_news_list a {
		flex-wrap:wrap;
	}
	.top_news_box .top_news_list a span {
		display:block;
		width:100% !important;
	}
}
.top_jirei_bg {
	width:100%;
	padding:80px 0;
	background-image:url("./images/yamato/bokashi_top.png"), url("./images/yamato/bokashi_bottom.png"), url("./images/yamato/slide_bg.png");
	background-size:100% auto, 100% auto, cover;
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position:top left, bottom left, center bottom;
}
#top_jirei_slide {
	margin-bottom:24px;
}
.top_jirei_box {
	width:100%;
	margin:0 auto;
}
.top_jirei_box .top_jirei_list {
}
.top_jirei_box .top_jirei_list a{
	overflow:hidden;
	display:block;
	background-color:#ffffff;
	border-radius:12px;
}
.top_jirei_box .top_jirei_list a .top_jirei_img{
	width:100%;
	margin-bottom:6px;
}
.top_jirei_box .top_jirei_list a .top_jirei_box{
	width:100%;
	padding:0 8% 8% 8%;
}
.top_jirei_box .top_jirei_list a .top_jirei_box .top_jirei_date{
	width:100%;
	margin-bottom:6px;
	font-weight:bold;
}
.top_jirei_box .top_jirei_list a .top_jirei_box .top_jirei_area{
	width:100%;
	margin-bottom:6px;
}
.top_jirei_box .top_jirei_list a .top_jirei_box .top_jirei_inq{
	width:100%;
	white-space: pre-wrap;
}
.top_jirei_box .slick-prev {
	left: -35px;
}
.top_jirei_box .slick-next {
	right: -35px;
}
.top_jirei_box .slick-prev, .top_jirei_box .slick-next {
	width:40px;
	height:40px;
}
.top_jirei_box .slick-prev:before, .top_jirei_box .slick-next:before {
	font-size:40px;
}
.top_company_box {
	display:flex;
	justify-content:space-between;
	width:100%;
	margin-bottom:24px;
}
.top_company_box li {
	width:48%;
}
.top_company_box li.top_company_img img{
	display:block;
	width:100%;
	margin-bottom:6px;
	border-radius:6px;
}
.top_company_box li .top_company_data_list {
	display:flex;
	justify-content:space-between;
	width:100%;
	padding:12px;
	border-bottom:1px solid #cccccc;
}
.top_company_box li .top_company_data_list .top_company_data_list_ttl {
	width:20%;
	min-width:150px;
	font-weight:bold;
}
.top_company_box li .top_company_data_list .top_company_data_list_txt {
	width:75%;
}
@media screen and (max-width:450px){
	.top_company_box {
		flex-wrap:wrap;
	}
	.top_company_box li {
		width:100%;
	}
	.top_company_box li.top_company_img {
		order:2;
	}
	.top_company_box li.top_company_data {
		display:block;
		order:1;
		margin-bottom:24px;
	}
	.top_company_box li .top_company_data_list {
		flex-wrap:wrap;
	}
	.top_company_box li .top_company_data_list .top_company_data_list_ttl {
		width:100%;
	}
	.top_company_box li .top_company_data_list .top_company_data_list_txt {
		width:100%;
	}
}
.top_jerky_box {
	position:relative;
	width:100%;
	border-radius:12px;
	padding:14% 7% 7% 7%;
}
.top_jerky_box .top_jerky_logo {
	position:absolute;
	top:46px;
	left: 50%;
	transform: translate(-50%, 0);
	width:150px;
	height:150px;
	padding:20px;
	border-radius:50%;
	background-image:url(./images/yamato/doken_bg_w.jpg);
	background-position:center top;
	background-size: 930px;
}
.top_jerky_box .top_doken_area {
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
	width:100%;
	margin-bottom:24px;
	padding:7%;
	border-radius:12px;
	background-image:url(./images/yamato/doken_bg_w.jpg);
	background-position:center top;
	background-size: 100%;
}
.top_jerky_box .top_doken_area .top_doken_img {
    width:45%;
}

.top_jerky_box .top_doken_area .top_doken_txt {
    width:51%;
}
.top_jerky_box .top_doken_area  .top_doken_ttl {
	width:100%;
	margin-bottom:18px;
	font-weight:bold;
	font-size:1.2em;
	font-family: "corplogo-bold";
}
@media screen and (max-width:1080px){
	.top_jerky_box .top_doken_ttl br{
		display:none;
	}
	.top_jerky_box .top_doken_area {
		padding: 14% 7% 7% 7%;
	}
}
@media screen and (max-width:450px){
	.top_jerky_box {
		padding:0;
	}
	.top_jerky_box .top_doken_area {
		padding:7%;
	}
	.top_jerky_box .top_doken_area .top_doken_img{
		width:100%;
		margin-bottom:24px;
	}
	.top_jerky_box .top_doken_area .top_doken_txt{
		width:100%;
		margin-bottom:24px;
	}
	.top_jerky_box .top_jerky_logo {
		width:120px;
		height:120px;
		top: -40px;
	}
}
.top_jerky_box .top_doken_area .top_doken_ttl span {
	font-size:1.3em;
	color:#fd6493;
	font-family: "corplogo-bold";
}
.top_jerky_box .top_doken_area .top_doken_t {
	width:100%;
}
.top_jerky_box .top_doken_area .top_doken_btn {
	padding-top:24px;
	width:100%;
}
.top_contact_txt {
	width:100%;
	margin-bottom:42px;
	text-align:center;
}
.top_contacnt_btnbox {
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:100%;
	max-width:800px;
	margin:0 auto;
}
.top_contacnt_btnbox a{
	display:block;
	width:47%;
}
@media screen and (max-width:450px){
	.top_contacnt_btnbox {
		flex-wrap:wrap;
	}
	.top_contacnt_btnbox a{
		display:block;
		width:100%;
		margin-bottom:12px;
	}
}

/************************************
** 下層ページ共通
************************************/
#second_fv {
	width:100%;
	padding:80px 0 120px 0;
	background-image:url("./images/yamato/bokashi_bottom.png"), url("./images/yamato/slide_bg.png");
	background-size:100% auto, cover;
	background-repeat:no-repeat, no-repeat;
	background-position:bottom left, center bottom;
}
@media screen and (max-width:450px){
	#second_fv {
	padding:80px 5% 120px 5%;
	}
}
.second_fv_inner {
	width:100%;
	max-width:500px;
	margin:0 auto;
}
.second_fv_img {
	width:100%;
	max-width:320px;
	margin:0 auto 16px auto;
}
.second_fv_ttl {
	width:100%;
	margin:0 auto 8px auto;
	font-size:2em;
	font-weight:bold;
	text-align:center;
	color:#ffffff;
	line-height:1em;
}
.second_fv_subttl {
	width:100%;
	font-size:1em;
	font-weight:bold;
	text-align:center;
	color:#ffffff;
	line-height:1em;
}
.pankz {
	width:100%;
	max-width:1000px;
	margin:0 auto;
	padding:24px 0;
}
@media screen and (max-width:1000px){
.pankz {
	padding:24px 5%;
}
}
.pankz a{
	text-decoration:none;
	color:#333333;
}
.second_ttl_box {
	width:100%;
	margin:0 0 40px 0;
	text-align:center;
}
.second_ttl_box .s_ttl {
	width:100%;
	margin-bottom:16px;
	font-weight:bold;
	font-size:1.7em;
	line-height:1em;
	text-align:center;
}
.second_ttl_box .s_bar {
	display:block;
	width:60px;
	height:3px;
	margin: 0 auto;
	background-color:#b1daff;
	
}

/************************************
** ニュース＆トピックス
************************************/
.newslist {
	width:100%;
	border-top:1px solid #cccccc;
}

.newslist .newsarticles{
	width:100%;
	border-bottom:1px solid #cccccc;
}

.newslist .newsarticles a{
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:100%;
	padding:16px;
}
.newslist .newsarticles a .newsarticles_date {
	width:15%;
}
.newslist .newsarticles a .newsarticles_ttl {
	width:85%;
	padding:0 0 0 12px;
}
@media screen and (max-width:450px){
	.newslist .newsarticles a{
		flex-wrap:wrap;
	}
	.newslist .newsarticles a .newsarticles_date {
		width:100%;
		margin-bottom:8px;
	}
	.newslist .newsarticles a .newsarticles_ttl {
		width:100%;
		padding:0;
	}
}

/************************************
** ニュース＆トピックス　記事
************************************/
.articles_area {
	width:100%;
	max-width:1000px;
	margin:0 auto 24px auto;
	padding:24px;
	border-radius:12px;
	box-shadow: 0px 0px 15px -5px #949494;
}
.articles_ttl {
	width:100%;
	margin-bottom:24px;
	padding:8px;
	font-size:1.5em;
	font-weight:bold;
	border-bottom:2px solid #fdb4bb;
}
.articles_cont {
	width:100%;
}
.articles_cont .news_img {
	float: left;
	width:100%;
	max-width:400px;
    margin: 0 32px 32px 0;
}
@media screen and (max-width:1000px){
.articles_area {
	width:90%;
	padding:24px;
}
}
/************************************
** サービス一覧
************************************/
.service_box {
	width:100%;
}
.service_box .service_list{
	width:100%;
	padding:30px;
	margin-bottom:40px;
	border-radius:12px;
	box-shadow: 0px 0px 15px -5px #949494;
}
.service_box .service_list .service_ttl{
	width:100%;
	padding:8px 0;
	margin-bottom:24px;
	font-weight:bold;
	font-size:1.5em;
	border-bottom:2px solid #fdb5bb;
}
.service_box .service_list .service_cont {
	display:flex;
	justify-content:space-between;
	width:100%;
}
.service_box .service_list .service_cont .service_cont_left {
	width:40%;
}
.service_box .service_list .service_cont .service_cont_right {
	width:56%;
}
@media screen and (max-width:450px){
	.service_box .service_list .service_cont {
		flex-wrap:wrap;
	}
	.service_box .service_list .service_cont .service_cont_left {
		width:100%;
		margin-bottom:24px;
	}
	.service_box .service_list .service_cont .service_cont_right {
		width:100%;
	}
}

/************************************
** 会社概要
************************************/
.about_box {
	display:flex;
	justify-content:space-between;
	align-items:start;
	flex-wrap:wrap;
	width:100%;
}
.about_box li{
	width:46%;
	line-height:1.8em;
}
.companybox {
	width:100%;
	border-top:1px solid #cccccc;
}
.companybox li{
	display:flex;
	justify-content:space-between;
	width:100%;
	padding:18px;
	border-bottom:1px solid #cccccc;
}
.companybox li .conpanydata_ttl{
	width:15%;
	min-width:200px;
	font-weight:bold;
}
.companybox li .conpanydata_data{
	width:81%;
}
.companybox li .conpanydata_data img{
	display:block;
	width:100%;
	max-width:500px;
	margin:16px 0;
}
@media screen and (max-width:450px){
	.about_box li{
		width:100%;
		margin-bottom:24px;
	}
	.about_box li:first-child{
		order:2;
	}
	.about_box li:last-child{
		order:1;
		margin-bottom:24px;
	}
	.companybox li{
		flex-wrap:wrap;
	}
	.companybox li .conpanydata_ttl{
		width:100%;
	}
	.companybox li .conpanydata_data{
		width:100%;
	}
}

/************************************
** 採用情報
************************************/
.linklist {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
}
.linklist li {
	width:200px;
	margin:0 12px 12px 12px;
	border:2px solid #333333;
}
.linklist li a {
	position:relative;
    display:block;
	width:100%;
	padding:16px 8px;
	font-weight:bold;
	color:#333333;
}
.linklist li a .arr_icon {
	position:absolute;
	top:50%;
	left:85%;
	width:20px;
	transform: translate(0%, -50%);
}
.linklist li a .fa-regular {
	position:absolute;
	top:50%;
	left:95%;
}
.yoko_box {
	width:100%;
	max-width:800px;
	margin:0 auto 24px auto;
	border-top:1px solid #cccccc;
}
.yoko_box .yoko_list {
	display:flex;
	justify-content:space-between;
	width:100%;
	padding:12px;
	border-bottom:1px solid #cccccc;
}
.yoko_box .yoko_list .yoko_ttl{
	width:15%;
	min-width:200px;
	font-weight:bold;
}
.yoko_box .yoko_list .yoko_data{
	width:81%;
}
.contbox:last-child {
	margin-bottom:0 !important;
}
@media screen and (max-width:450px){
	.linklist {
		justify-content:space-between;
	}
	.linklist li {
		width:48%;
		margin:0 0 12px 0;
	}
	.yoko_box .yoko_list {
		flex-wrap:wrap;
	}
	.yoko_box .yoko_list .yoko_ttl{
		width:100%;
		max-width:100%;
		margin-bottom:6px;
	}
	.yoko_box .yoko_list .yoko_data{
		width:100%;
		max-width:100%;
	}
}

/************************************
** お問い合わせ
************************************/
.contact_area {
	width:100%;
	max-width:640px;
	margin:0 auto;
}
.contact_box {
	width:100%;
	padding:16px 0 40px 0;
}
.input_list {
	width:100%;
	margin-bottom:24px;
}
.input_ttl p {
	width:100%;
	font-weight:bold;
	font-size:1.2em;
}
.input_ttl .hissu {
	color:#ff0000;
}
.input_area input, 
.input_area textarea {
	width:100%;
	background-color:#efefef;
	border:none;
}
.inq_btnbox {
	width:100%;
}
.inq_btnbox p{
	width:100%;
}
.wpcf7-submit {
	display: block;
    width: 100% !important;
    max-width: 300px;
    margin: 0 auto !important;
    padding: 12px 6px !important;
    text-align: center;
    border-radius: 50px;
    color: #ffffff !important;
    font-weight: bold;
    border: 2px solid #ffffff !important;
    background-color: #fdb5bb !important;
}
@media screen and (max-width:450px){
	.contact_box p {
		text-align:left !important;
	}
}

/**********************************************

Dokenジャーキー

**********************************************/
.f_cpr {
    font-family: "corplogo-bold";
}
.doken_contents * {
    letter-spacing:0;
}
#main .d_fv {
    width:100%;
    padding:80px 0;
    text-align:center;
    background-image:url(./images/yamato/doken_bg.jpg);
    background-size:cover;
    background-position:center center;
}
#main .d_fv img {
    width:100%;
    max-width:1200px;
}
@media screen and (max-width:1000px){
    #main .d_fv img {
        width:90%;
        max-width:1200px;
    }
}
#main .d_intro {
    width:100%;
    text-align:center;
}
@media screen and (max-width:450px){
    #main .d_intro {
        width:90%;
        text-align:center;
    }
}
#main .d_colbox02 {
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
}
@media screen and (max-width:1000px){
    #main .d_colbox02 {
        width:90%;
        margin:0 auto;
    }
}
#main .d_colbox02 .img {
    width:60%;
}
@media screen and (max-width:1000px){
    #main .d_colbox02 .img {
        width:50%;
    }
}
@media screen and (max-width:450px){
    #main .d_colbox02 .img {
        order:1;
        width:100%;
    }
}
#main .d_colbox02 .txt {
    width:40%;
    padding:0 20px;
    text-align:center;
}
@media screen and (max-width:1000px){
    #main .d_colbox02 .txt {
        width:50%;
    }
}
@media screen and (max-width:450px){
    #main .d_colbox02 .txt {
        order:0;
        width:100%;
        margin-bottom:24px;
    }
}
#main .d_colbox02 .txt h1 {
    padding-top:6px;
    margin-bottom:6px;
}
#main .d_colbox02 .txt .price {
    display:inline-block;
    margin:0 0 12px 0;
    padding:6px 12px;
    background-color:#a2d2fb;
    color:#ffffff;
    font-weight:bold;
    font-size:1.3em;
}
#main .d_colbox02 .txt .chui_txt {
    width:90%;
    margin:0 auto;
    text-align:left;
    color:#ff0000;
    font-size:0.8em;
}
#main .d_ttl {
    width:100%;
    margin-bottom:24px;
}
#main .d_colbox03 {
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    width:100%;
    max-width:1000px;
    margin:0 auto 120px auto;
}
@media screen and (max-width:1000px){
    #main .d_colbox03 {
        width:90%;
    }
}
#main .d_colbox03 .img{
    width:48%;
}
#main .d_colbox03 .txt{
    width:48%;
}
@media screen and (max-width:1000px){
    #main .d_colbox03 .img{
        width:37%;
    }
    #main .d_colbox03 .txt{
        width:60%;
    }
}
@media screen and (max-width:450px){
    #main .d_colbox03 .img{
        order:1;
        width:100%;
        padding:0 20%;
    }
    #main .d_colbox03 .txt{
        order:0;
        width:100%;
        margin-bottom:24px;
    }
}
#main .d_data_ttl {
    width:100%;
    margin-bottom:24px;
}
#main .d_data {
    width:100%;
    margin-bottom:24px;
}
#main .d_ec_btn {
    width:100%;
}
#main .d_ec_btn a{
    padding:12px 24px;
    color:#ffffff;
    font-weight:bold;
    text-decoration:none;
    background-color:#fdb5bb;
    border-radius:50px;
    font-size:1.2em;
    text-align:center;
}
@media screen and (max-width:450px){
    #main .d_ec_btn a{
        display:inline-block;
        width:100%;
    }
}

#sp_bnr {
    display:none;
}
@media screen and (max-width:450px){
    #sp_bnr {
        position:fixed;
        left:0;
        bottom:0;
        display:block;
        width:100%;
        padding:12px 6px 18px 6px;
        background-color:#a2d2fb;
        text-align:center;
    }
}



/**********************************************

施工事例一覧

**********************************************/
.jirei_box {
	display:flex;
	justify-content:space-between;
	width:100%;
	flex-wrap:wrap;
}
.jirei_list {
	overflow:hidden;
	width:30%;
	margin-bottom:5%;
	border-radius:8px;
	box-shadow: 0px 0px 15px -5px #949494;
}
.jirei_img {
	margin-bottom:12px;
}
.jirei_date {
	width:100%;
	padding:0 5%;
	margin-bottom:6px;
	font-weight:bold;
}
.jirei_inq {
	width:100%;
	margin-bottom:5%;
	padding:0 5%;
}
@media screen and (max-width:450px){
	.jirei_list {
		width:100%;
		margin-bottom:24px;
	}
	.jirei_img {
		margin-bottom:12px;
	}
	.jirei_date {
		width:100%;
		padding:0 5%;
		margin-bottom:6px;
		font-weight:bold;
	}
	.jirei_inq {
		width:100%;
		margin-bottom:5%;
		padding:0 5%;
	}
}

/**********************************************

施工事例詳細

**********************************************/
.jirei_articles {
	width: 100%;
    max-width: 1000px;
    margin: 0 auto 24px auto;
    padding: 24px;
    border-radius: 12px;
    box-shadow: 0px 0px 15px -5px #949494;
}
.jirei_ttl {
	width: 100%;
    margin-bottom: 24px;
    padding: 8px;
    font-size: 1.5em;
    font-weight: bold;
    border-bottom: 2px solid #fdb4bb;
}
.jireibox01 {
	display:flex;
	justify-content:space-between;
	width:100%;
	margin-bottom:24px;
}
.jireibox01_left {
	width:48%;
}
.jireibox01_right {
	width:48%;
}
.jirei_cont {
	width:100%;
	margin-bottom:24px;
}
.jirei_subttl {
	width:100%;
	margin-bottom:8px;
	padding:6px;
	background-color:#efefef;
}
.jirei_gaiyo {
	width:100%;
	margin-bottom:24px;
}
@media screen and (max-width:1000px){
	.jirei_articles {
		width: 90%;
	}
}
@media screen and (max-width:450px){
	.jireibox01 {
		flex-wrap:wrap;
	}
	.jireibox01_left {
		width:100%;
		margin-bottom:24px;
	}
	.jireibox01_right {
		width:100%;
	}
	.jirei_cont {
		width:100%;
		margin-bottom:24px;
	}
	.jirei_subttl {
		width:100%;
		margin-bottom:8px;
		padding:6px;
		background-color:#efefef;
	}
	.jirei_gaiyo {
		width:100%;
		margin-bottom:24px;
	}
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}