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

/*sidebar*/
.sidebar .box01 {box-sizing: border-box; border: 3px solid #189941; background-color: #fff;}
.sidebar .box02 {background: url(img/side/box02_bg.jpg)center center no-repeat; padding: 10px 0; background-size: cover;}
.sidebar .box03 {background: url(img/side/box03_bg.jpg)top center repeat; padding-bottom: 10px;}
.sidebar .box04 {background: url(img/side/box04_bg.jpg)top center repeat; padding: 10px 0;}
.sidebar .box05 {background: url(img/side/box05_bg.jpg)top center repeat; padding: 10px 0;}
.sidebar .box06 {background-color: #dcdcdc; padding: 20px 0 10px;}


/*contactbnr*/
.contact_banner {box-sizing: border-box; border: 5px solid #189941; margin-top: 20px;}
.contact_banner .con_title {background-color: #189941; padding: 5px 0; font-size: 30px;}
.contact_banner .inner {padding: 25px; background: url(img/contactbnr/bg.jpg)top center repeat;}
.contact_banner .bdr {margin-bottom: 7px;}

/*concept*/
#concept .content {padding: 30px;}
#concept .box01 {box-sizing: border-box; border: 3px solid #318b55; background: url(img/index/box02_bg.jpg)top left repeat; font-size: 20px; line-height: 1;}
#concept .box01 .title {margin: 20px auto 30px;}
#concept .box01 .btn {position: relative;}
#concept .box01 .btn:nth-child(1) {margin-right: 20px;}
#concept .box01 .btn p {box-sizing: border-box; border: 1px solid #000; width: 250px; height: 65px; box-shadow: 3px 3px #dadbdb; background: url(img/concept/box01_btn_bg.png)center right 10px no-repeat; background-color: #fff;}
#concept .box01 ul {margin-bottom: 30px;}
#concept .bg01 {background: url(img/index/box02_bg.jpg)top left repeat;}
#concept .box02 {background: url(img/concept/box02_bg.jpg)top right repeat-y; padding-bottom: 0;}
#concept .box02 .text02 {box-sizing: border-box; border: 3px solid #000; background-color: #fff; padding: 15px 10px; width: 300px; margin-top: -100px; position: relative; margin-left: -30px;}
#concept .box02 .text02 .txt {margin-bottom: 10px; font-size: 16px; line-height: 1.4;}
#concept .box02 .title {background-color: #fff; box-sizing: border-box; border: 1px solid #000; font-size: 20px; display: inline-block; padding: 7px; line-height: 1;}
#concept .box02 h2 {font-size: 25px; margin: 10px 0;}

#concept .box03 h2 {font-size: 25px; margin: 30px auto;}
#concept .box03 .inner img {margin-right: 20px;}
#concept .box03 li {box-sizing: border-box; border: 3px solid #318b55; background-color: #fff; padding: 20px; text-align: justify; width: 310px; border-radius: 15px; padding-top: 15px; margin-top: 40px;}
#concept .box03 .big {font-size: 18px; margin: 0 auto 10px; line-height: 1.3;}
#concept .box03 .title {margin-top: -60px;}
#concept .box03 .con h3 {background-color: #000; padding: 15px; font-size: 30px; margin-top: -50px;}
#concept .box03 .con {box-sizing: border-box; border: 2px solid #000; background-color: #fff; padding: 20px; margin-top: 60px;}
#concept .box03 .con p {font-size: 15px; margin: 20px 0; text-align: justify;}
#concept .box03 .inner02 img {margin-right: 0; margin-left: 20px;}
#concept .box03 .box {font-size: 15px;}
#concept .box03 .box h3 {font-size: 25px; line-height: 1.3; margin-bottom: 20px;}
#concept .box03 .movie_area {box-sizing: border-box; border: 2px solid #000; background-color: #fff; padding: 30px; border-bottom: none;}
#concept .box03 .movie_area .title01 {font-size: 25px; line-height: 1; margin-bottom: 20px;}
#concept .box03 .bnr {box-sizing: border-box; border: 2px solid #000; border-top: none;}

#concept .box04 h2 {font-size: 25px; margin: 30px auto;}
#concept .box04 .inner img {margin-right: 20px;}

#concept .box05 .title_area {background-color: #000; padding: 0 5px;}
#concept .box05 h2 {font-size: 20px;}
#concept .box05 .box {box-sizing: border-box; border: 2px solid #000; background-color: #fff; padding: 20px;}
#concept .box05 h3 {margin-left: 10px; font-size: 18px;}
#concept .box05 .title {margin-bottom: 10px;}
#concept .box05 .img {margin-right: 20px;}

#concept .box06 {box-sizing: border-box; border: 2px solid #000; background-color: #fff; padding: 20px; text-align: justify;}
#concept .box06 img {margin-right: 20px;}
#concept .box06 .big {font-size: 19px; line-height: 1.3;}
#concept .box06 .bdr {content: ""; box-sizing: border-box; background-color: #000; height: 1px; width: 25px; margin: 10px 0;}

/*company*/
#company .table01 {box-sizing: border-box; border: 1px solid #189941; width: 100%;}
#company .table01 th,#company .table01 td {font-weight: bold; padding: 10px 20px; box-sizing: border-box; border-bottom: 1px solid #189941; }
#company .table01 th {background-color: #eeeeee; vertical-align: middle; border-right: 1px solid #189941; box-sizing: border-box; text-align: center;}

#company .table02 {box-sizing: border-box; border: 1px solid #189941; width: 100%;}
#company .table02 th,#company .table02 td {font-weight: bold; padding: 10px 20px; box-sizing: border-box; border-bottom: 1px solid #189941; }
#company .table02 th {background-color: #eeeeee; border-bottom: 1px solid #189941; vertical-align: middle; border-right: 1px solid #189941;}
#company .table02 .last {border-bottom: 1px solid #189941;}
#company iframe {width: 100%; height: 300px;}
#company .box {box-sizing: border-box; border: 3px solid #189941; padding: 0 20px 20px; text-align: justify;}
#company .box p {margin-top: 20px;}
#company .box01 .inner {font-size: 14px; line-height: 1.3;}
#company .box01 .title_area {margin-bottom: 15px; font-size: 14px; line-height: 1;}
#company .box01 h3 {font-size: 18px; margin-right: 5px; display: flex; align-items: center;}
#company .box01 h3 span {font-size: 30px;}
#company .box01 .img01 {margin-right: 20px;}
#company .box01 .img02 {margin-left: 20px;}
#company .box01 .title {padding-top: 10px;}
#company .box01 tr:nth-child(1) .title {padding-top: 0;}
#company .box01 .con {margin-top: 40px;}

/*mama*/
#mama .box01 {background: url(img/mama/box01_bg.jpg)top left repeat;}
#mama .box01 .title {position: relative; box-sizing: border-box; background: url(img/mama/box01_title_bg.jpg)center left no-repeat; background-color: #fff; padding: 9px 0; border: 2px solid #000; border-left: 10px solid #000;}
#mama .box01 .title p {padding: 0 20px 0 10px; font-size: 20px;}
#mama .box01 h2 {font-size: 18px; line-height: 1.3; margin-left: 20px;}
#mama .box01 h3 {font-size: 25px; line-height: 1.3;}
#mama .box01 .inner {margin: 30px auto;}
#mama .box01 .inner02 {margin-bottom: 0;}
#mama .box01 .inner .img {margin-right: 20px;}
#mama .box01 .inner .img02 {margin-left: 20px;}
#mama .box02 h3 {font-size: 25px; line-height: 1.3; margin: 20px 0;}
#mama .box02 .inner img {margin-right: 20px;}
#mama .box02 .inner02 img {margin-left: 20px;}
#mama .bg {background: url(img/mama/box01_bg.jpg)top left repeat;}

#papa .bg {background: url(img/mama/box01_bg.jpg)top left repeat;}
#papa .box01 {box-sizing: border-box; border: 2px solid #000;}
#papa .box01 .img {box-shadow: 10px 10px #aaaaaa;}
#papa .box01 .inner .img {margin-right: 20px;}
#papa .box01 .inner02 .img {margin-left: 20px;}
#papa .box02 {box-sizing: border-box; border: 2px solid #000; position: relative;}
#papa .box02 .big {font-size: 25px; line-height: 1;}
#papa .box02 .txt {margin-top: 20px; font-size: 16px;}
#papa .box02 .big_text {font-size: 26px; margin-bottom: 15px;}
#papa .box02 .big_text02 {font-size: 20px;}
#papa .box02 .icon01,#papa .box02 .icon02,#papa .box02 .icon03 {position: absolute;}
#papa .box02 .icon01 {top: 110px; left: 10px;}
#papa .box02 .icon02 {top: 80px; right: 10px;}
#papa .box02 .icon03 {bottom: 0; right: 20px;}
#papa .box02 .img {margin: 20px auto;}
#papa .box03 h3 {font-size: 25px; line-height: 1.3; margin: 20px 0;}
#papa .box03 .img02 {margin: 20px auto;}
#papa .box03 .inner .img {margin-right: 20px;}
#papa .box03 .inner02 .img {margin-left: 20px;}
#papa .box03 .img03 {margin: 30px auto 20px;}
#papa .box04 {background: url(img/papa/box04_bg.jpg)top center repeat; box-sizing: border-box; border: 5px solid #d2d2d2;}
#papa .box04 h3 {display: flex; align-items: center; font-size: 25px;}
#papa .box04 h3:before, #papa .box04 h3:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #000;
	display: block;
}
#papa .box04 h3:before {
	margin-right: .4em;
}
#papa .box04 h3:after {
	margin-left: .4em;
}
#papa .box04 .big {font-size: 25px; text-align: center; line-height: 1.3; margin: 20px auto;}
#papa .box04 .inner img {margin-right: 20px;}
#papa .box04 .bdr {content: ""; background-color: #000; width: 100%; height: 2px; margin: 20px auto;}
#papa .box04 .title {font-size: 16px; margin-bottom: 30px; line-height: 1.2;}
#papa .box04 .big02 {font-size: 35px; line-height: 1; margin-right: 20px;}

/*seminar*/
#seminar .box01 {background: url(img/papa/box04_bg.jpg)top left repeat; box-sizing: border-box; border: 3px solid #000; padding-top: 50px;}
#seminar .box01 .title {box-sizing: border-box; border: 3px solid #000; background-color: #fff; padding: 30px 0; position: relative; font-size: 25px; line-height: 1.5;}
#seminar .box01 .title span {font-size: 35px;}
#seminar .box01 .icon01,#seminar .box01 .icon02,#seminar .box01 .icon03 {position: absolute;}
#seminar .box01 .icon01 {top: -35px; left: 60px;}
#seminar .box01 .icon02 {position: absolute; bottom: 10px; left: 10px;}
#seminar .box01 .icon03 {top: 10px; right: 10px;}
#seminar .box01 ul {margin: 20px auto;}
#seminar .box01 .box {box-sizing: border-box; border: 3px solid #d2d2d2; position: relative; background-color: #fff;}
#seminar .box01 .box .title_area {background-color: #000; color: #fff; font-size: 25px; line-height: 1; padding: 10px;}
#seminar .box01 .box .txt {padding: 5px 10px; font-size: 18px; line-height: 1.5;}
#seminar .box01 .icon04 {position: absolute; right: 5px; top: 0; bottom: 0; margin: auto;}
#seminar .box02 {margin-top: 40px;}
#seminar .box02 .title_area {background: url(img/seminar/box02_title_bg.jpg)top center no-repeat; padding: 35px 0 15px; position: relative; font-size: 20px; line-height: 1;}
#seminar .box02 h2 {font-size: 30px; margin-bottom: 5px;}
#seminar .box02 .title_area .icon {position: absolute; left: 0; right: 0; margin: auto; top: -20px;}
#seminar .box02 .bg {background: url(img/seminar/bg.jpg)top left repeat; box-sizing: border-box; border: 3px solid #000; border-top: none;}
#seminar .box02 .title01 {font-size: 28px; line-height: 1.3;}
#seminar .box02 .inner {margin: 20px auto;}
#seminar .box02 .inner img {margin-right: 20px;}
#seminar .box02 .con01 {box-sizing: border-box; border: 3px solid #000; background-color: #fff; border-radius: 20px; padding: 15px 80px; position: relative; font-size: 20px; margin-top: 40px;}
#seminar .box02 .con01 .icon {position: absolute; top: -30px; left: 0;}
#seminar .box02 .con02 .title {margin-bottom: 20px;}
#seminar .box02 .con02 h3 {margin-left: 10px; font-size: 28px;}
#seminar .box02 .con02 li {line-height: 1; margin-top: 15px;}
#seminar .box02 .btn {box-sizing: border-box; color: #fff; border: 3px solid #000; background: url(img/seminar/box02_btn_bg.png)right 10px center no-repeat; background-color: #189941; font-size: 25px; line-height: 1.3; padding: 15px 0;}
#seminar .box03 .title_area {background: url(img/seminar/box03_title_bg.jpg)top center no-repeat;}
#seminar .box04 .title_area {background: url(img/seminar/box04_title_bg.jpg)top center no-repeat;}
#seminar .box05 .title_area {background: url(img/seminar/box05_title_bg.jpg)top center no-repeat;}
#seminar .box02_txt01 {margin-top: 20px;}
#seminar #event .item {width: 324px;}
#seminar .box02 .btn02 .btn {font-size: 18px; width: 47.5%;}


/**/
#experience .content {padding: 30px;}
#experience .box01 {position: relative;}
#experience .box01 .box {position: absolute; right: 30px; bottom: 30px;}
#experience .box01 .title {background-color: #000; font-size: 18px; line-height: 1.2; padding: 15px; padding-right: 60px; position: relative;}
#experience .box01 .under {background-color:  #fff; padding: 15px; font-size: 18px; line-height: 1.2; text-align: center;}
#experience .box01 .btn {background-color: #fff; box-sizing: border-box; line-height: 1; padding: 10px 0; font-size: 20px; margin-top: 15px; border: 1px solid #000; box-shadow: 3px 3px #3b3b3b;}
#experience .box01 .big {margin-top: 15px;}
#experience .box01 .icon {position: absolute; right: -30px; top: 0; bottom: 0; margin: auto;}
#experience .box02 {background: url(img/experience/box02_bg.jpg)top center repeat; position: relative;}
#experience .box02 .big {font-size: 25px; line-height: 1;}
#experience .box02 .big02 {font-size: 25px; margin-bottom: 30px; font-weight: bold;}
#experience .box02 ul {width: 720px; margin: 30px auto;}
#experience .box02 li {width: 350px; box-sizing: border-box; border-top: 3px solid #000; border-bottom: 3px solid #000; font-size: 18px; padding: 10px 0; line-height: 1.3;}
#experience .box02 li:nth-child(3),#experience .box02 li:nth-child(4) {border-top: none;}
#experience .box02 .icon01,#experience .box02 .icon02 {position: absolute; left: 150px; top: 103px;}
#experience .box02 .icon02 {left: auto; right: 150px;}
#experience .box02 .icon03,#experience .box02 .icon04 {position: absolute; left: 150px; top: 159px;}
#experience .box02 .icon04 {left: auto; right: 150px;}
#experience .box02 .gallery img:nth-child(1),#experience .box02 .gallery img:nth-child(2),#experience .box02 .gallery img:nth-child(3) {margin-bottom: 30px;}
#experience .box02 .btn_area {margin-top: 30px;}
#experience .box02 .btn {background: url(img/experience/box02_btn_bg.jpg)top left repeat; box-sizing: border-box; border: 3px solid #189941; width: 555px; height: 100px; line-height: 1;}
#experience .box02 .btn:nth-child(2) {border: 3px solid #4787dd;}
#experience .box02 .txt01 {font-size: 20px; margin-bottom: 5px;}
#experience .box02 .txt02 {font-size: 25px; line-height: 1.2;}
#experience .box02 .btn .icon {margin-right: 20px;}
#experience .bg {background: url(img/index/box02_bg.jpg)top left repeat;}
#experience .box03 {padding: 20px 0;}
#experience .box03 .over {background-color: #fff; box-sizing: border-box; border: 1px solid #000; border-radius: 10px; padding: 20px; font-size: 16px; text-align: justify; line-height: 1.4;}
#experience .box03 .ul01 .img {margin: 15px auto;}
#experience .box03 .ul01 {margin: 50px auto 0;}
#experience .box03 .ul01 li {width: 313px;}
#experience .box03 .ul01 .title {margin: -50px auto 0;}
#experience .box03 .ul01 .btn {box-sizing: border-box; border: 2px solid #000; border-radius: 10px; line-height: 1; padding: 10px 0; font-size: 20px; width: 250px; margin: 20px auto 0;}
#experience .box04 {margin-top: 40px;}
#experience .box04 .title_area {background-color: #fff; box-sizing: border-box; border: 1px solid #189941;}
#experience .box04 .title_area img {border-right: 1px solid #189941;}
#experience .box04 h2 {font-size: 30px; padding-left: 20px;}
#experience .box04 h3 {font-size: 35px; margin: 10px auto 50px;}
#experience .box04 .inner img {margin-right: 20px;}
#experience .box04 .inner02 img {margin-left: 20px;}
#experience .box04 .inner,#experience .box04 .inner02 {font-size: 20px;}
#experience .box04 li {box-sizing: border-box; border: 3px solid #000; background-color: #fff; line-height: 1; padding: 25px; position: relative; font-size: 35px; margin-top: 30px;}
#experience .box04 li .icon {position: absolute; top: -20px; left: 0; right: 0; margin: auto;}
#experience .box05 h3 {margin: 10px auto;}
#experience .box05 .img04 {margin-bottom: 30px;}
#experience .box05 .check {box-sizing: border-box; border: 3px solid #000; background-color: #fff; padding: 20px 30px; font-size: 40px; line-height: 1.3; margin-top: 30px;}
#experience .box05 .check .icon {background-color: #000; margin-top: -52px; box-sizing: border-box; width: 200px; height: 60px;}
#experience .box05 .btn {padding: 15px 0; background-color: #fff; box-sizing: border-box; border: 2px solid #000; box-shadow: 3px 3px #000; font-size: 35px; line-height: 1;}
#experience .box05 .btn img {margin-right: 15px;}
#experience .box06 {margin-top: 40px;}
#experience .box06 .title_area {background-color: #fff; box-sizing: border-box; border: 1px solid #189941;}
#experience .box06 .title_area img {border-right: 1px solid #189941;}
#experience .box06 h2 {font-size: 30px; padding-left: 20px;}
#experience .box06 .inner {font-size: 20px;}
#experience .box06 .inner img {margin-right: 20px;}
#experience .box06 .box {background: url(img/index/box06_bg.jpg)top left repeat; box-sizing: border-box; border: 3px solid #000; width: 1140px; margin: 0 auto;}
#experience .box06 .big {font-size: 35px;}
#experience .box06 ul {margin: 20px auto;}
#experience .box06 .btn {box-sizing: border-box; border: 3px solid #189941; background: url(img/experience/box06_bg.png)center right 20px no-repeat; background-color: #fff; font-size: 35px; line-height: 1.3; padding: 15px 0; margin-top: 15px;}
#experience {margin-bottom: 50px;} 
#experience .line_center {box-sizing: border-box; border: 3px solid #000; padding: 10px; background: url(img/index/box02_bg.jpg)top left repeat; border-radius: 20px; position: relative; z-index: 10; margin-top: 30px;}
#experience .line_center .linebig {font-size: 26px; line-height: 1;}
#experience .line_btn {font-size: 20px; box-sizing: border-box; border: 1px solid #189941; background-color: #fff; padding: 15px 0; width: 235px; border-radius: 15px; line-height: 1;}
#experience .center02 {margin-top: 20px;}



/*contact*/
#contact .box01 {box-sizing: border-box; border: 2px solid #000; padding: 10px;}
#contact .box01 .center p {margin-right: 20px; font-size: 17px; line-height: 1.3;}
#contact .box01 ul {width: 175px;}
#contact .box01 .txt {padding: 5px 0; box-sizing: border-box; border: 2px solid #000; margin-top: 20px; font-size: 12px;}
#contact .big {font-size: 30px; line-height: 1; background: url(img/index/box02_bg.jpg)top left repeat; padding: 15px 0; box-sizing: border-box; border: 2px solid #000; margin: 10px 0;}
#contact .bg {box-sizing: border-box; border: 2px solid #189941;}
#contact .txt02 {line-height: 1.5; margin: 10px auto;}
#contact .txt02 span {font-size: 20px;}
#contact .bg li {margin-top: 5px;}
#contact .box02 {padding: 20px; border: 2px solid #000; box-sizing: border-box;}
#contact .ul01 {width: 100%!important; background-color: #EEEEEE; border: 1px solid #ccc; border-bottom: none;}
#contact .ul01 li {box-sizing: border-box; border-bottom: 1px solid #CCCCCC; color: #585858; padding: 5px 10px;}


#contact table {width: 100%; box-sizing: border-box; border: 2px solid #000000; margin-top: 20px; margin-bottom: 20px;}
#contact table th,#contact table td {padding: 10px; box-sizing: border-box; border-bottom: 2px solid #000000; background-color: #fff;}
#contact table th{font-weight: bold; background-color: #eeeeee; vertical-align: middle; width: 190px;}
#contact table input,#contact table textarea {width: 100%; box-sizing: border-box; padding: 3px;}
.mwform-radio-field input,.mwform-checkbox-field input {width: auto!important; padding: inherit!important;}
.mwform-checkbox-field label {display: block; white-space: nowrap; float: left; font-weight: bold!important;}
.mwform-radio-field-text {font-weight: bold;}
#contact table .tel_area {width: auto;}
/*確認画面へ進むボタン用*/
.mw_wp_form_input .btn input:hover,
.mw_wp_form_confirm .btn input:hover { opacity: 0.7; }
.mw_wp_form_input .btn input{
background: url(img/contact/btn_bg.png)right center no-repeat; background-position-x: 95%;
    font-size: 20px!important;
    width: 400px!important;
    padding: 20px 0!important;
    line-height: 1;
	color: #000;
	background-color: #fff;
	font-weight: bold;
	box-shadow: 5px 5px #b5b5b5;
	border: 1px solid #000000;
}
/*送信ボタン用*/
.mw_wp_form_confirm .btn input{
background: url(img/contact/btn_bg.png)right center no-repeat; background-position-x: 95%;
    font-size: 20px!important;
    width: 400px!important;
    padding: 20px 0!important;
    line-height: 1;
	color: #000;
	border: 1px solid #000000;
}
#contact .center {box-sizing: border-box; border: 2px solid #000; padding: 10px; background: url(img/index/box02_bg.jpg)top left repeat; border-radius: 20px; position: relative; z-index: 10; margin-bottom: 15px;}
#contact .center .linebig {font-size: 16px; line-height: 1;}
#contact .center img {width: 30px;}
#contact .box01 .center img {width: auto;}
#contact .line_btn {font-size: 16px; box-sizing: border-box; border: 1px solid #189941; background-color: #fff; padding: 8px 0; width: 130px; border-radius: 15px; line-height: 1;}


/*answer*/
#answer_arcive_list {box-sizing: border-box; border: 2px solid #000; position: relative; background: url(img/index/box01_bg.jpg)top left repeat;}
#answer h2 {font-size: 25px; line-height: 1.3;}
#answer .item {margin-top: 20px; position: relative; z-index: 10;}
#answer h3 {background-color: #189941; padding: 10px; font-size: 18px; line-height: 1.2;}
#answer .icon01,#answer .icon02 {position: absolute; top: 20px; left: -20px;}
#answer .icon02 {left: auto; right: 0; top: 0;}
#answer .text {box-sizing: border-box; border: 2px solid #189941; border-top: none; background-color: #fff; padding: 10px;}


/*blog*/
#blog .con {padding-bottom: 15px; box-sizing: border-box; border-bottom: 1px solid #ccc; margin-bottom: 15px;}
#blog .con:nth-last-child(1) {margin-bottom: 0; padding-bottom: 0; border-bottom: none;}
#blog_single .box01,#blog .box01 {box-sizing: border-box; border: 2px solid #ccc; padding: 20px; margin-bottom: 20px;}
#blog_single .box01 .inner {margin-bottom: 10px;}
#blog_single .tag,#blog .tag {background-color: #eb6b06; color: #fff; padding: 2px 0; margin-left: 10px; text-align: center; width: 80px;}
#blog_single .tag02,#blog .tag02 {background-color: #522f0e; color: #fff; padding: 2px 0; margin-left: 10px; text-align: center; width: 80px;}
#blog .txt {margin-top: 5px}

/*voice*/
#case_single .img {box-sizing: border-box; border: 2px solid #ccc; padding: 20px;}
#case_single .img img {width: 100%; height: 388px; object-fit: cover;}
#case_single .gallery_area {box-sizing: border-box; padding: 20px; border: 2px solid #ccc; border-top: none;}
#case_single .gallery_box {display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
#case_single .gallery_box a {margin-right: 20px; margin-top: 20px; width: 210px;}
#case_single .gallery_box a img {height: 155px; width: 100%;}
#case_single .gallery_box a:nth-child(3n) {margin-right: 0;}
#case_single .case_txt_box {box-sizing: border-box; padding: 20px; border: 2px solid #ccc; border-top: none;}
#case_single .page_title {font-size: 21px;}

/*一覧ページ*/
#case .item {position: relative; margin-right: 20px; width: 327px; padding: 10px; box-sizing: border-box; background-color: #f5f5f5;}
#case .item:nth-child(2n) {margin-right: 0;}
#case .item:nth-child(3),#case .item:nth-child(4) {margin-top: 20px;}
#case_arcive_list {padding: 20px; padding-top: 0;}
#case .item img {width: 100%; height: 200px; object-fit: cover;}
#case .txt_area {padding: 10px 10px 0;}
#case .btn {background-color: #189941; color: #fff; line-height: 1; font-size: 16px; padding: 7px 0; width: 60%; margin: 8px auto 0;}

#gallery_arcive_list .item {width: 225px; margin-right: 20px; margin-top: 20px;}
#gallery_arcive_list .item:nth-child(1),#gallery_arcive_list .item:nth-child(2),#gallery_arcive_list .item:nth-child(3) {margin-top: 0;}
#gallery_arcive_list .item:nth-child(3n) {margin-right: 0;} 
#gallery_arcive_list img {height: 150px; width: 100%; object-fit: cover;}
#gallery_arcive_list h3 {margin-top: 10px;}
#gallery_arcive_list .btn {box-sizing: border-box; border: 2px solid #000; margin: 10px auto 0; width: 80%; border-radius: 10px; background-color: #fff;}

#sitemap li {font-size: 18px; padding-left: 15px; box-sizing: border-box; line-height: 2.5;}
#sitemap li span {border-left: 5px solid #189941; padding-left: 10px;}

#event .item {width: 347px; margin-right: 20px; margin-top: 30px;}
#event .box {box-sizing: border-box; border: 2px solid #d2d2d2; font-size: 13px;}
#event .box img {box-sizing: border-box; border-bottom: 2px solid #d2d2d2; width: 100%; height: 200px;}
#event .item:nth-child(2n) {margin-right: 0;}
#event .item:nth-child(1),#event .item:nth-child(2) {margin-top: 0;}
#event .txt_area {padding: 10px; background-color: #fff;}
#event .btn {box-sizing: border-box; border: 2px solid #d2d2d2; line-height: 1; padding: 15px 0; font-size: 16px; margin-top: 20px;}