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

/*------------------------------ Common elements ------------------------------*/

* {
margin:0;
padding:0;
}

.clearfix:after {
content:"";
clear:both;
display:block;
}

a:link {color:#000; text-decoration:none; transition-duration:0.5s;}
a:visited {color:#000; text-decoration:none;}
a:hover {color:#ffe348; text-decoration:none; transition-duration:0.5s;}

img {vertical-align:bottom;}

body {
margin:0;
padding:0;
font-size:16px;
font-family:"Midashi Go MB31", sans-serif;
}

nav a:link {color:#fff; text-decoration:none;}
nav a:visited {color:#fff; text-decoration:none;}
nav a:hover {background:#0186ee; color:#ffe348; text-decoration:none;}

#shortcut a:link {color:#fff; text-decoration:none;}
#shortcut a:visited {color:#fff; text-decoration:none;}
#shortcut a:hover {color:#FF9090; text-decoration:none;}


footer {background:#f6f6f6;}

footer a {
color:#fff;
text-decoration:none;
}


/*================================================================================
  for Smartphone
================================================================================*/

@media (max-width: 640px) {

/*---------------------------------------- Common Elements ----------------------------------------*/

/*---------- Header ----------*/

header {
width:100%;
background:rgba(255,255,255,1);
position:fixed;
left:0;
top:0;
z-index:300;
}

#header_content {position:relative;}

#header_logo {
padding:10px 0;
text-align:center;
width:100%;
}

#header_logo a {
display:inline;
padding:10px;
text-align:center;
}

#header_logo img {
width:40%;
}

#header_tel_sp span {
display: block;
padding:30%;
}

#header_tel_sp img {width:100%;}

#logo_site_name {
font-size:21px;
line-height:1em;
display:block;
margin:0 0 0 5px;
float:left;
}

#logo_site_name_sub {
font-size:10px;
line-height:1em;
font-family:"Shin Go Regular";
display:block;
padding:0 0 5px;
}

#header_contact {
display:none
}

#header_contact_sp {
padding:80px 0 1em;
width:90%;
margin:0 auto;
}


#header_contact_sp .text {
background:#0065cc;
border-radius:3em;
color:#fff;
font-family:"Midashi Go MB31", sans-serif;
font-size:12px;
line-height:1em;
padding:1em 0.5em;
text-align:center;
}

.header_contact_tel {
display:block;
text-align:center;
}

.header_contact_tel .tel_title {display:none;}

.header_contact_tel a {
display:inline-block;
font-family:"Midashi Go MB31", sans-serif;
font-size:20px;
line-height:1em;
padding:10px 0 0;
vertical-align:middle;
font-size:30px;
}

.header_contact_tel a:link {color:#4fb2ff;}
.header_contact_tel a:visited {color:#4fb2ff;}
.header_contact_tel a:hover {color:#ffe348;}

.header_contact_mail {
display:inline-block;
}


.header_ocntact_icon_tel {
margin:0 5px 0 0;
}

.header_ocntact_icon_mail {
margin:0 0 0 10px;
}

.header_ocntact_icon_tel,
.header_ocntact_icon_mail {
width:25px;
}

#hamburger_wrap {
position:absolute;
right:0;
top:0;
width:15%;
}

#hamburger_wrap:before {
content:"";
display:block;
padding-top:100%;
}

#hamburger_wrap_inside {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}

#header_tel_pc {display:none;}

.nav_pc {display:none;}

#shortcut .image img {
width:100%;
}

/*---------- Footer ----------*/

footer {
background:#fff;
background-size:150%;
background-position:center bottom;
color:#000;
font-size:0.8em;
margin:2em 0 0;
width:100%;
}

footer a:link {
color:#008bf7;
}

footer a:visited {
color:#008bf7;
}

footer a:hover {
background:#ffe348;
color:#008bf7;
}

#footer_content {
background:rgba(256,256,256s,1);
margin:0 auto;
width:100%;
}

#footer_logo {
width:100%;
text-align:center;
}

#footer_logo img {
width:100px;
}

#footer_info ul {
margin:1em 0 0;
width:100%;
}

#footer_info {
padding:30px 0;
margin:0 auto;
width:100%;
float:left;
}

#footer_info li {
list-style:none;
padding:5px 0 0;
text-align:center;
}

#footer_info li:first-child {
list-style:none;
padding:0;
}

#copyright {
border-top:1px #fff solid;
padding:15px 0;
margin:0 auto;
text-align:center;
width:100%;
}

/*---------- Category Pages ----------*/

.category_page {padding:80px 0 0;}

.category_page #page_title {
margin:0 auto;
width:100%;
}

.category_page #page_title h2 {
font-family:"Shin Go Medium";
font-size:1.5em;
line-height:1em;
padding:0 0 10px;
text-align:center;
}

.category_page #page_title .image img {
height:270px;
object-fit:cover;
width:100%;
}

.category_page #page_title .text {
filter:alpha(opacity=100);
background:rgba(230,0,45,1);
color:#fff;
width:100%;
}

.category_page #page_title .text h3 {
font-size:20px;
padding:20px;
}

.category_page #page_title .text p {padding:10px 20px 20px;}

.category_page #page_title .page_title_content {
margin:20px 0 0;
position:relative;
}

/*---------------------------------------- Home ----------------------------------------*/

#slide {width:100%;}

#slide img {
height:300px;
width:100%;
object-fit:cover;
}

#slide_frame {
position:relative;
}

#intro {
background:url("../images/home/intro_bg.jpg") no-repeat #dddddb;
background-size:cover;
width:100%;
}

#intro_content {
margin:0 auto;
padding:2em 0;
width:90%;
}

#intro_content h2 {
text-align:center;
font-size:1.7em;
line-height:1.6em;
}

#intro_content p {
text-align:center;
font-size:16px;
line-height:2em;
}



#slide_text {
color:#fff;
position:absolute;
left:50%;
top:50%;
z-index:10;
margin:0 auto;
width:100%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
text-align: center;
}

#slide_text img {
height:auto;
width:50%;
object-fit:fill;
}


#intro_content p .line-m {display:block;}

#shortcut {
margin:0 auto;
padding:50px 0;
width:100%;
}

#shortcut .list_item {
margin:40px 0 0;
position:relative;
}

#shortcut .image {position:relative;}

#shortcut .image img {
height:280px;
width:100%;
object-fit:cover;
object-position:50% 100%;
}

#shortcut #gyoumu_annai .image .thumb {
background:url("../images/home/gyoumu1.jpg") no-repeat;
background-size:140%;
background-position:bottom left;
display:block;
height:280px;
width:100%;
object-fit:cover;
object-position:50% 100%;
}

#shortcut #gyoumu_annai .image img {
display: none;
}

#shortcut .item_title {
filter:alpha(opacity=80);
background:rgba(230,0,45,0.8);
color:#fff;
position:absolute;
left:0;
bottom:0;
width:100%;
text-align:center;
}

#shortcut .item_title_content {padding:1em;}

#shortcut .item_title h3 {
font-size:1.5em;
}

#shortcut .item_title p {
font-size:1.2em;
font-family:"Shin Go Regular";
}

#shortcut .item_detail {
position:relative;
padding:20px 0 0;
}

#shortcut .item_description {
margin:0 auto;
width:90%;
}

#shortcut .item_description p {
padding:1em 0 0 0;
font-size:1em;
line-height:1.8em;
text-align:justify;
}

#shortcut .item_description p:first-child {padding:0;}

#shortcut .btn_seedetail {
margin:1em auto 0;
text-align:center;
font-family:"Shin Go Medium";
}

#shortcut .btn_seedetail a {
border-radius:2em;
background:#e6002d;
color:#fff;
display:inline-block;
position:relative;
padding:0.5em 2.2em 0.5em 1.5em;
}

#shortcut .btn_seedetail a:after {
content:'';
display:inline-block;
width:0;
height:0;
margin:0 0 0 15px;
border-top:6px solid transparent;
border-bottom:6px solid transparent;
border-left:9.5px solid #fff;
border-right:6px solid transparent;
position:absolute;
top:33%;
right:10px;
}


#info {
background:#fff;
width:100%;
}

#info_content {
background:#f7fcff;
box-sizing: border-box;
margin:0 auto;
padding:30px;
width:100%;
}

#info h2 {
font-size:1em;
line-height:1em;
padding:0 0 10px;
border-bottom:2px #00a7fe solid;
}

#info li {
list-style:none;
padding:1em 0;
}

#info li .date {
color:#888;
display:block;
font-family:"Gothic Medium BBB", sans-serif;
font-size:0.8em;
}

#info a:link {color:#008bf7;}

#info a:visited {color:#008bf7;}

#info a:hover {color:#008bf7; background:#ffe348;}

.info_seemore {
font-size:0.8em;
font-weight:400;
text-align:right;
}

#intro {
background:url("../images/home/intro_bg.jpg") no-repeat #4fb2ff;
background-size:cover;
color:#fff;
padding:1em 0;
width:100%;
}

#intro_content {
margin:0 auto;
padding:1em 0;
width:90%;
}

#intro_content h2 {
color:#ffe348;
text-align:center;
font-family: 'Bebas Neue', sans-serif;
font-size:3.5em;
line-height:1.6em;
}

#intro_content h2 span {
font-size:0.6em;
}

#intro_content h3 {
border-bottom:2px #fff solid;
text-align:justify;
font-size:1.2em;
line-height:1.6em;
margin:0 0 20px;
padding:0 0 20px;
}

#intro_content p {
text-align:justify;
font-size:16px;
line-height:2em;
}

/*---------------------------------------- Gyoumu ----------------------------------------*/

#gyoumu {
background:url("../images/home/gyoumu_bg.jpg") no-repeat #ebebe0;
background-size:cover;
padding:2em 0;
width:100%;
}

#gyoumu h2 {
font-size:1.5em;
margin:0 0 50px;
text-align:center;
}

#gyoumu h2 .line_sp {
display:block;
}

#gyoumu_content {
margin:0 auto;
width:90%;
}

.gyoumu_list {
text-align:center;
}

.gyoumu_list li {
display:inline-block;
list-style:none;
margin:5% 0 0 0;
position:relative;
width:80%;
}

.gyoumu_list li:before{
content:"";
display:block;
padding-top:100%;
}

.gyoumu_list li img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
object-fit: cover;
border-radius:50%;
transition-duration:0.2s; 
}

.gyoumu_item_caption {
position:absolute;
bottom:10px;
background:url("../images/home/gyoumu_textbox.png") no-repeat;
background-size:100%;
color:#fff;
height:auto;
text-align:center;
display:table;
vertical-align:middle;
width:100%;
transform:rotate(-4deg); 
}

.gyoumu_item_caption span {
display:table-cell;
font-size:1em;
line-height:1.2em;
font-family:"Midashi Go MB31", sans-serif;
padding:1em 0.5em;
vertical-align:middle;
}

.see_detail {
padding:50px 0 0;
text-align:center;
}

.see_detail a {
background:#0065cc;
border-radius:3em;
color:#fff;
font-size:20px;
font-family:"Midashi Go MB31", sans-serif;
padding:1em 3em;
}



#sekourei {
background:#4fb2ff;
color:#fff;
padding:2em 0;
width:100%;
}

#sekourei_content {
margin:0 auto;
width:90%;
}

#sekourei h2 {
font-size:1.2em;
margin:0 0 20px;
text-align:center;
}

#sekourei .intro {
color:#fff;
text-align:center;
}

.sekourei_list {
margin:1em 0 0;
}

.sekourei_item {
background:#379bf0;
box-sizing:border-box;
display:flex;
flex-wrap: wrap;
margin:0 0 20px;
padding:1em;
}

.sekourei_item_detail {
box-sizing:border-box;
order:2;
padding:1em 0 0;
width:100%;
}

.sekourei_item_detail .title {
font-size:38px;
text-align:center;
}

.sekourei_item_detail .title span {
border-bottom:2px #fff solid;
color:#ffe348;
display:block;
font-family: 'Bebas Neue', sans-serif;
font-size:1.5em;
line-height:1em;
padding:0 0 0.1em;
margin:0 0 0.1em;
text-align:center;
}

.sekourei_item_detail .subtitle {
text-align:center;
border-bottom:2px #fff solid;
font-size:1.3em;
line-height:1em;
padding:0 0 0.5em;
}

.sekourei_item_detail .text-title {
color:#ffe348;
font-size:1.2em;
line-height:1.6em;
padding:0.5em 0 0;
}

.sekourei_item_image {
order:1;
background:#0562b2;
width:100%;
}

.sekourei_item_image img {
width:100%;
}

/*---------------------------------------- About ----------------------------------------*/

#about .images_width_full img {
width:100%;
}

#about .item_detail {
margin:1em auto 0;
}

#about .item_detail li span:first-child {
font-family:"Hiragino Kaku Gothic W5 JIS2004";
display:block;
padding:5px 5px 0;
}

/*---------------------------------------- Contact ----------------------------------------*/

#contact .form {
margin:3em auto 0;
width:90%;
}

#contact .form a:link {color:#e6002d;}
#contact .form a:visited {color:#e6002d;}
#contact .form a:hover {color:#ff9090;;}

#contact .form h4 {
background:#ffeaea;
font-size:1em;
font-weight:bold;
line-height:1.6em;
padding:1em;
position:relative;
}

#contact .form h4 span {
display:inline-block;
border-bottom:2px #e6002d solid;
padding:5px 0;
position:relative;
bottom:-2px;
}

#contact .form ul {
background:#fafafa;
padding:20px;
}

#contact .form li {
background:#fafafa;
border-bottom:1px #e8e8e8 solid;
list-style:none;
padding:1em 0;
}

#contact .form li:last-child {
border:0;
}

#contact .form li span {
display:block;
vertical-align:top;
}

#contact .form li span:first-child {width:8em;}

#contact .form li span.item_name {
padding:0 0 0.3em;
}

#contact .form .item_content input {
border:1px #eee solid;
box-shadow:none;
font-family:"Hiragino Kaku Gothic W3 JIS2004";
font-size:16px;
line-height:1em;
padding:8px 10px;
width:90%;
-webkit-appearance:none;
}

#contact .form textarea {
border:1px #eee solid;
box-shadow:none;
font-family:"Hiragino Kaku Gothic W3 JIS2004";
font-size:16px;
line-height:1.6em;
height:15em;
padding:8px 10px;
width:90%;
-webkit-appearance:none;
}

#contact .form .submit-buttons {
width:100%;
text-align:center;
}

#contact .form input.submit {
background:#e6002d;
border:0;
border-radius:2em;
color:#fff;
display:inline-block;
font-family:"Shin Go Medium";
font-size:1em;
line-height:1em;
margin:1em auto 0;
-webkit-appearance:none;
padding:1em 3em;
transition-duration:0.5s;
vertical-align:middle;
}

#contact .form input.submit:hover {
background:#ff9090;
transition-duration:0.5s;
}

#contact .form input.back {
background:#fff;
border:1px #ccc solid;
border-radius:2em;
color:#000;
display:block;
font-size:0.8em;
line-height:1em;
margin:1em auto 0;
-webkit-appearance:none;
padding:1em 3em;
transition-duration:0.5s;
vertical-align:middle;
}

#contact .form input.back:hover {
background:#eee;
transition-duration:0.5s;
color:#333;
}

#error_detail {
background:#fafafa;
margin:1em 0 0;
padding:4em 2em;
}

.error_messe {
color:#ff4548;
margin:0.5em 0 0;
}

.error_messe:first-child {
margin:0;
}



#title_about {
background:url("../images/about/title_bg.jpg") no-repeat #0079e0;
background-size: cover;
background-blend-mode:multiply;
background-position:50% 50%;
position:relative;
padding:2em 0;
}

#title_about h2 {
color:#fff;
font-size:1.5em;
letter-spacing:0.1em;
margin:0 auto;
width:100%;
z-index:10;
text-align:center;
}

#about_detail,
#about_history,
#about_map {
margin:2em auto 0;
width:90%;
}

#about_detail table,
#about_history table {
border-collapse:collapse;
border-left:1px #ccc solid;
border-top:1px #ccc solid;
width:100%;
}

#about_detail table th {
background:#f6fbfe;
border-right:1px #ccc solid;
border-bottom:1px #ccc solid;
text-align:left;
font-weight: 400;
padding:0.5em;
width:6em;
}

#about_history th{
background:#f6fbfe;
border-right:1px #ccc solid;
border-bottom:1px #ccc solid;
text-align:left;
font-weight: 400;
padding:0.5em;
box-sizing: border-box;
width:100%;
display:block;
}

#about_detail table td {
border-right:1px #ccc solid;
border-bottom:1px #ccc solid;
font-family:"Gothic Medium BBB", sans-serif;
padding:1em;
}

#about_history td {
border-right:1px #ccc solid;
border-bottom:1px #ccc solid;
font-family:"Gothic Medium BBB", sans-serif;
padding:1em;
display:block;
}

#about_map iframe {
width:100%;
aspect-ratio: 1/1.3;
}



#title_contact {
background:url("../images/contact/title_bg.jpg") no-repeat #0079e0;
background-size: cover;
background-blend-mode:multiply;
background-position:50% 50%;
position:relative;
padding:2em 0;
}

#title_contact h2 {
color:#fff;
font-size:1.5em;
letter-spacing:0.1em;
margin:0 auto;
width:100%;
z-index:10;
text-align:center;
}


#contact_detail {
margin:2em auto 0;
width:90%;
}

#contact_detail table {
border-collapse:collapse;
border-left:1px #ccc solid;
border-top:1px #ccc solid;
width:100%;
}

#contact_detail table th {
background:#f6fbfe;
border-right:1px #ccc solid;
border-bottom:1px #ccc solid;
text-align:left;
font-weight: 400;
padding:0.5em;
width:6em;
}

#contact_detail th{
background:#f6fbfe;
border-right:1px #ccc solid;
border-bottom:1px #ccc solid;
text-align:left;
font-weight: 400;
padding:0.5em;
box-sizing: border-box;
width:100%;
}

#contact_detail table td {
border-right:1px #ccc solid;
border-bottom:1px #ccc solid;
font-family:"Gothic Medium BBB", sans-serif;
padding:1em;
}

#contact_form {
margin:50px auto 0;
width:90%;
}

#contact_form_form {
border:1px #ccc solid;
padding:1em;
}

#contact_form_form li {
list-style:none;
margin:0 0 1em;
}

#contact_form_form .name {
display:block;
}

#contact_form_form li input,
#contact_form_form li textarea,
.wpcf7-text,
.wpcf7-textarea {
background:#f7fcff;
border:1px #ccc solid;
border-radius:3px;
box-sizing:border-box;
font-size:14px;
padding:0.7em;
width:100%;
font-family:"Gothic Medium BBB", sans-serif;
}

#contact_form_form li textarea {
height:20em;
}

.submit-buttons input,
.wpcf7-submit {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background:#0065cc;
border:0;
display:block;
padding:0.5em 4em;
border-radius:3em;
color:#fff;
font-size:20px;
margin:0 auto;
text-align:center;
}

.wpcf7-form p {
margin:0 0 2em;
}

#title_gyoumu {
background:url("../images/gyoumu/title_bg.jpg") no-repeat #0079e0;
background-size: cover;
background-blend-mode:multiply;
background-position:50% 50%;
position:relative;
padding:2em 0;
}

#title_gyoumu h2 {
color:#fff;
font-size:1.5em;
letter-spacing:0.1em;
margin:0 auto;
width:100%;
z-index:10;
text-align:center;
}

#gyoumu_intro {
margin:0 auto;
padding:2em 0;
text-align:center;
width:90%;
}

#gyoumu_intro h3 {
font-size:1.5em;
line-height:1.6em;
margin:0 0 1em;
}

#gyoumu_intro p {
text-align:justify;
font-size:1em;
line-height:1.8em;
}

#gyoumu_intro .line-sp {
display:block;
}

#gyoumu_list {
width:100%;
}

.gyoumu_item:nth-child(odd) {
background:#3ac5ff;
color:#fff;
}

.gyoumu_item_content {
margin:0 auto;
padding:30px 0;
width:90%;
}

.gyoumu_item_image {
}

.gyoumu_item_image img {
width:100%;
height:auto;
}

.gyoumu_item_text {
padding:1em 0 0;
}

.gyoumu_item_text h4 {
font-size:24px;
margin:0 0 20px;
}

.gyoumu_item_text p {
font-size:14px;
line-height:1.8em;
margin:0 0 1em;
}

.gyoumu_item_text p:first-child {
margin:0;
}


#title_nagare {
background:url("../images/nagare/title_bg.jpg") no-repeat #0079e0;
background-size: cover;
background-blend-mode:multiply;
background-position:50% 50%;
position:relative;
padding:2em 0;
}

#title_nagare h2 {
color:#fff;
font-size:1.5em;
letter-spacing:0.1em;
margin:0 auto;
width:100%;
z-index:10;
text-align:center;
}

#nagare_intro {
margin:0 auto;
padding:50px 0;
text-align:center;
width:90%;
}

#nagare_intro h3 {
font-size:36px;
line-height:1.3em;
margin:0 0 30px;
}

#nagare_intro p {
font-size:14px;
line-height:1.8em;
}

#nagare_intro .line-sp {
display:block;
}

#nagare_list {
margin:0 auto;
width:90%;
}

.nagare_item {
background:#f5fbff;
border-radius:10px;
border:3px #c4e7ff solid;
margin:30px 0 0;
padding:1em;
position:relative;
}

.nagare_item:after {
background:url("../images/nagare/step_next.png") no-repeat;
background-size:cover;
display:block;
content: '';
height:50px;
width:50px;
left:50%;
transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
bottom:-25px;
position:absolute;
z-index:10;
}

.nagare_item:last-child:after {
display:none;
}

.nagare_item_image {
width:100%;
}

.nagare_item_image img {
width:100%;
height:auto;
}

.nagare_item_text {
box-sizing:border-box;
width:100%;
padding:1em 0 0;
}

.nagare_item_text h4 {
font-size:24px;
margin:0 0 0.2em;
text-align:center;
}

.nagare_item_text h4 .number {
border-bottom:2px #0065cc solid;
color:#0065cc;
display:block;
font-family: 'Bebas Neue', sans-serif;
font-size:64px;
line-height:1em;
margin:0 0 10px;
padding:0 0 10px;
}

.nagare_item_text p {
text-align:justify;
font-size:14px;
line-height:1.8em;
margin:0 0 1em;
}

.nagare_item_text p:first-child {
margin:0;
}


#title_sekourei {
background:url("../images/sekourei/title_bg.jpg") no-repeat #0079e0;
background-size: cover;
background-blend-mode:multiply;
background-position:50% 50%;
position:relative;
padding:2em 0;
}

#title_sekourei h2 {
color:#fff;
font-size:1.5em;
letter-spacing:0.1em;
margin:0 auto;
width:100%;
z-index:10;
text-align:center;
}

#sekourei_intro {
margin:0 auto;
padding:50px 0;
text-align:center;
width:90%;
}

#sekourei_index {
border-top:1px #ccc solid;
border-bottom:1px #ccc solid;
margin:2em 0 0;
padding:1em 0;
width:100%;
}

#sekourei_index li {
display:inline-block;
}

#sekourei_index li a {
display:block;
padding:1em;
border-radius:3em;
font-size:14px;
line-height:1em;
}

#sekourei_index li a:hover {
background:#ffde00;
color:#000;
border-radius:3em;
}

#sekourei_page_list {
margin:0 auto;
width:90%;
}

.sekourei_page_item {
background:#ebf6ff;
border:1px #d3e7f7 solid;
border-radius:5px;
box-sizing:border-box;
margin:0 0 1em;
padding:15px;
width:100%;
}

.sekourei_page_item .image img {
object-fit:cover;
width:100%;
aspect-ratio: 3/2;
}

.sekourei_page_item .text {
padding:1em 0 0;
font-size:14px;
}

#single_info {
margin:50px 0;
}

#single_info h3 {
font-size:1.3em;
margin:0 0 0.5em;
}

.blog_info {
color:#888;
font-family:"Gothic Medium BBB", sans-serif;
font-size:0.9em;
margin:0 0 2em;
}

#single_info {
margin:0 auto;
width:90%;
}

.main_content {
font-family:"Gothic Medium BBB", sans-serif;
}

#info_list {
border-top:1px #ccc solid;
margin:50px 0;
}

.info_item {
border-bottom:1px #ccc solid;
padding:20px 0;
}

.info_item .date {
color:#888;
font-size:0.8em;
font-family:"Gothic Medium BBB", sans-serif;
padding:0 0 10px;
}


#info_list {
border-top:1px #ccc solid;
margin:2em auto 0;
width:90%;
}

.info_item {
border-bottom:1px #ccc solid;
padding:1em 0;
}

.info_item .date {
color:#888;
font-size:0.8em;
font-family:"Gothic Medium BBB", sans-serif;
padding:0 0 1em;
}


.paging {
clear:both;
margin:40px auto 0;
text-align: center;
}

.paging a,
.paging span {
margin:0 5px 0 0;
display:inline-block;
height:2.2em;
width:2.2em;
line-height:2.2em;
border-radius:50%;
}

.paging a:hover {
border-radius:2em;
color:#fff;
background:#228aff;
}

.paging .current {
background:#228aff;
color:#fff;
display:inline-block;
height:2.2em;
width:2.2em;
line-height:2.2em;
border-radius:50%;
}

}

/*================================================================================
  for PC
================================================================================*/

@media (min-width: 641px) {

/*---------------------------------------- Common Elements ----------------------------------------*/

/*---------- Header ----------*/

header {width:100%;}

#header_content {
margin:0 auto;
padding:30px 0;
position:relative;
width:960px;
}

#header_logo {
float:left;
padding:0;
width:580px;
}

#header_logo a {display:block;}

#header_logo img {
float:left;
height:60px;
margin:0 10px 0 0;
}

#logo_site_name {
font-size:24px;
line-height:1em;
display:block;
}

#logo_site_name_sub {
font-size:12px;
line-height:1em;
font-family:"Shin Go Regular";
display:block;
padding:0 0 10px;
}

#header_tel_ps sp {display:none;}

#header_tel_pc {
color:#000;
font-family:"Shin Go DeBold";
font-size:19px;
line-height:1em;
position:absolute;
right:0;
top:0;
padding:10px;
}

#header_tel_pc span {font-size:14px;}

nav {
background:#4fb2ff;
width:100%;
padding:0px;
}

nav ul {
margin:0 auto;
width:960px;
}

nav li {
display:block;
float:left;
margin:0;
width:16.66%;
}

nav li a {
display:block;
font-family:"Midashi Go MB31", sans-serif;
font-size:18px;
line-height:1em;
text-align:center;
padding:20px 10px;
color:#fff;
}

#header_tel_sp_wrap {display:none;}

.header_ocntact_icon_tel {
margin:0 5px 0 0;
}

.header_ocntact_icon_mail {
margin:0 0 0 10px;
}

.header_ocntact_icon_tel,
.header_ocntact_icon_mail {
width:25px;
}


#header_contact_sp {
display:none;
}

#header_contact {
float:right;
width:380px;
}

#header_contact .text {
background:#0065cc;
border-radius:3em;
color:#fff;
font-family:"Midashi Go MB31", sans-serif;
font-size:14px;
line-height:1em;
padding:0.5em;
text-align:center;
}

.header_contact_tel {
font-family:"Midashi Go MB31", sans-serif;
font-size:20px;
line-height:1em;
padding:10px 0 0;
vertical-align:middle;
}

.header_contact_tel a {
font-size:30px;
}

.header_contact_tel a:link {color:#4fb2ff;}
.header_contact_tel a:visited {color:#4fb2ff;}
.header_contact_tel a:hover {color:#ffe348;}

/*---------- Footer ----------*/

footer {
background:#fff;
background-size:100%;
background-position:center bottom;
color:#000;
font-size:0.8em;
margin:0;
width:100%;
}

#footer_content {
background:rgba(256,256,256,1);
margin:0 auto;
padding:30px 0;
width:960px;
position:relative;
}

#footer_logo {
float:left;
width:240px;
}

#footer_logo img {width:200px;}

#footer_info {
padding:0;
margin:0 auto;
width:960px;
}

#footer_info ul {
float:right;
width:720px;
}

#footer_info li {
list-style:none;
padding:5px 0 0;
}

#footer_info li:first-child {
list-style:none;
padding:0;
}

#copyright {
position:absolute;
bottom:30px;
right:0;
}

/*---------- Category Pages ----------*/

#main {
margin:0 auto 100px;
width:960px;
}

#main section h3 {
font-size:20px;
padding:0 0 0.5em;
}

.category_page #page_title {
margin:20px auto 0;
width:960px;
}

.category_page #page_title .page_title_content {
position:relative;
}

.category_page #page_title h2 {
border-bottom:2px #e6002d solid;
font-family:"Shin Go Medium";
font-size:1.5em;
line-height:1em;
padding:0 0 10px;
}

.category_page #page_title .image img {
height:360px;
object-fit:cover;
width:100%;
}

.category_page #page_title .text {
filter:alpha(opacity=80);
background:rgba(230,0,45,0.8);
color:#fff;
height:360px;
position:absolute;
width:300px;
z-index:5;
top:0;
}

.category_page #page_title .text h3 {
font-size:24px;
padding:0 20px;
position:absolute;
top:50%;
left:0;
transform: translateY(-50%);
-webkit- transform: translateY(-50%);
}

.category_page #page_title .text h3 .line {
display: block;
}

.category_page #page_title .text p {
padding:10px 20px 20px;
}

.category_page #page_title .page_title_content {
margin:20px 0 0;
position:relative;
}

/*---------------------------------------- Home ----------------------------------------*/

#slide {width:100%;}

#slide img {
height:750px;
width:100%;
object-fit:cover;
}

#slide_frame {
position:relative;
}

#intro {
background:url("../images/home/intro_bg.jpg") no-repeat #4fb2ff;
background-size:100%;
color:#fff;
padding:100px 0;
width:100%;
}

#intro_content {
margin:0 auto;
padding:40px;
width:640px;
}

#intro_content h2 {
color:#ffe348;
text-align:center;
font-family: 'Bebas Neue', sans-serif;
font-size:110px;
line-height:1.6em;
}

#intro_content h2 span {
font-size:70px;
}

#intro_content h3 {
border-bottom:2px #fff solid;
text-align:justify;
font-size:27px;
line-height:1.6em;
margin:0 0 20px;
padding:0 0 20px;
}

#intro_content p {
text-align:justify;
font-size:16px;
line-height:2em;
}

#shortcut {
margin:0 auto;
padding:50px 0;
width:960px;
}

#shortcut .list_item {
margin:40px 0 0;
position:relative;
}

#shortcut .image {position:relative;}

#shortcut .image img {
height:335px;
width:100%;
object-fit:cover;
}

#shortcut .item_title {
filter:alpha(opacity=90);
background:rgba(230,0,45,0.9);
color:#fff;
position:absolute;
left:0;
bottom:30px;
width:480px;
}

#shortcut .item_title_content {padding:10px 30px;}

#shortcut .item_title h3 {font-size:2.2em;}

#shortcut .item_title p {
font-size:1.5em;
font-family:"Shin Go Regular";
}

#shortcut .item_detail {
position:relative;
padding:20px 0 0;
}

#shortcut .item_description {
float:left;
width:760px;
}

#shortcut .item_description p {
padding:1em 2em 0 0;
font-size:1em;
line-height:1.8em;
text-align:justify;
}

#shortcut .item_description p:first-child {padding:0 2em 0 0;}

#shortcut .btn_seedetail {
font-family:"Shin Go Medium";
float:right;
width:200px;
text-align:right;
}

#shortcut .btn_seedetail a {
border-radius:2em;
background:#e6002d;
color:#fff;
display:inline-block;
padding:0.7em 1em 0.7em 1.5em;
vertical-align:middle;
font-size:1em;
line-height:1em;
}

#shortcut .btn_seedetail a:hover {
background:#ff9090;
}

#shortcut .btn_seedetail a:after {
content:'';
display:inline-block;
width:0;
height:0;
margin:0 0 0 10px;
border-top:6px solid transparent;
border-bottom:6px solid transparent;
border-left:9.5px solid #fff;
border-right:6px solid transparent;
}

.swiper-container .swiper-slide:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(256,256,256,0.3);
}

#slide_text {
color:#fff;
position:absolute;
left:50%;
top:50%;
z-index:10;
margin:0 auto;
width:100%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
text-align: center;
} 

#slide_text img {
height:554px;
width:500px;
object-fit:fill;
}

.swiper-container {z-index:1;}

#info {
background:#fff;
width:100%;
}

#info_content {
background:#f7fcff;
box-sizing: border-box;
margin:100px auto;
padding:30px;
width:960px;
}

#info h2 {
font-size:14px;
line-height:1em;
padding:0 0 10px;
border-bottom:2px #00a7fe solid;
}

#info li {
list-style:none;
padding:1em 0;
}

#info li .date {
color:#888;
font-family:"Gothic Medium BBB", sans-serif;
font-size:0.8em;
}

#info a:link {color:#008bf7;}

#info a:visited {color:#008bf7;}

#info a:hover {color:#008bf7; background:#ffe348;}

.info_seemore {
font-size:0.8em;
font-weight:400;
text-align:right;
}

/*---------------------------------------- Gyoumu ----------------------------------------*/

#gyoumu {
background:url("../images/home/gyoumu_bg.jpg") no-repeat #ebebe0;
background-size:100%;
padding:100px 0;
width:100%;
}

#gyoumu h2 {
font-size:36px;
margin:0 0 50px;
text-align:center;
}

#gyoumu h2 .line_pc {
display:block;
}

#gyoumu_content {
margin:0 auto;
width:960px;
}

.gyoumu_list {
text-align:center;
}

.gyoumu_list li {
display:inline-block;
list-style:none;
margin:0 5% 0 0;
position:relative;
width:30%;
}

.gyoumu_list li:nth-child(3n) {
margin:0;
}

.gyoumu_list li:before{
content:"";
display:block;
padding-top:100%;
}

.gyoumu_list li img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
object-fit: cover;
border-radius:50%;
transition-duration:0.2s; 
}

.gyoumu_item_caption {
position:absolute;
bottom:10px;
background:url("../images/home/gyoumu_textbox.png") no-repeat;
background-size:100%;
color:#fff;
height:52px;
text-align:center;
display:table;
vertical-align:middle;
width:288px;
transform:rotate(-4deg); 
}

.gyoumu_item_caption span {
display:table-cell;
font-size:16px;
font-family:"Midashi Go MB31", sans-serif;
vertical-align:middle;
}

.see_detail {
padding:50px 0 0;
text-align:center;
}

.see_detail a {
background:#0065cc;
border-radius:3em;
color:#fff;
font-size:20px;
font-family:"Midashi Go MB31", sans-serif;
padding:1em 3em;
}




#sekourei {
background:#4fb2ff;
color:#fff;
padding:100px 0;
width:100%;
}

#sekourei_content {
margin:0 auto;
width:960px;
}

#sekourei h2 {
font-size:36px;
margin:0 0 20px;
text-align:center;
}

#sekourei .intro {
color:#fff;
text-align:center;
}

.sekourei_list {
margin:40px 0 0;
}

.sekourei_item {
background:#379bf0;
margin:0 0 20px;
}

.sekourei_item_detail {
box-sizing:border-box;
float:left;
padding:20px 40px;
width:50%;
}

.sekourei_item_detail .title {
font-size:38px;
text-align:center;
}

.sekourei_item_detail .title span {
border-bottom:2px #fff solid;
color:#ffe348;
display:block;
font-family: 'Bebas Neue', sans-serif;
font-size:80px;
line-height:1em;
padding:0 0 20px;
margin:0 0 10px;
text-align:center;
}

.sekourei_item_detail .subtitle {
text-align:center;
border-bottom:2px #fff solid;
font-size:23px;
line-height:1em;
padding:0 0 10px;
}

.sekourei_item_detail .text-title {
color:#ffe348;
font-size:18px;
line-height:1.6em;
padding:10px 0 0;
}

.sekourei_item_image {
background:#0562b2;
float:right;
width:50%;
}

.sekourei_item_image img {
width:100%;
}

.sekourei_item:nth-child(2n) .sekourei_item_detail {
float:right;
}

.sekourei_item:nth-child(2n) .sekourei_item_image {
float:left;
}

/*---------------------------------------- About ----------------------------------------*/

#about #page_title .image img {object-position:50% 65%;}

#about .item_detail {
float:left;
margin:0 2% 0 0;
width:49%;
}

#about .item_detail:last-child {margin:0;}

#about .item_detail h4 {
border-bottom:2px #ffdede solid;
font-size:1em;
font-weight:bold;
line-height:1em;
position:relative;
}

#about .item_detail h4 span {
display:inline-block;
border-bottom:2px #e6002d solid;
padding:5px 0 10px;
position:relative;
bottom:-2px;
}

#about .item_detail li {
background:#fafafa;
border-bottom:1px #c8c8c8 solid;
list-style:none;
padding:5px 0;
}

#about .item_detail li span {
display:inline-block;
vertical-align:top;
padding:5px;
}

#about #kihon li span:first-child {width:170px;}
#about #kihon li span:last-child {width:275px;}

#about #enkaku li span:first-child {width:70px;}

/*---------------------------------------- Recruit ----------------------------------------*/

#recruit_list {
margin:50px auto 0;
width:960px;
}

#recruit .item_detail {
margin:1em auto 0;
width:700px;
}

#recruit .item_detail h4 {
border-bottom:2px #ffdede solid;
font-size:1em;
font-weight:bold;
line-height:1em;
position:relative;
}

#recruit .item_detail h4 span {
display:inline-block;
border-bottom:2px #e6002d solid;
padding:5px 0 10px;
position:relative;
bottom:-2px;
}

#recruit .item_detail li {
background:#fafafa;
border-bottom:1px #c8c8c8 solid;
list-style:none;
padding:5px 0;
}

#recruit .item_detail li span {
display:inline-block;
vertical-align:top;
padding:5px;
}

#recruit .item_detail li span:first-child {width:80px;}

#recruit .item_detail .contact {margin:2em 0 0;}

#recruit .item_detail .form_link {
margin:1em 0 0;
text-align:center;
}

#recruit .item_detail .form_link a {
border-radius:2em;
background:#e6002d;
color:#fff;
display:inline-block;
font-family:"Hiragino Kaku Gothic W5 JIS2004";
padding:0.7em 1em 0.7em 1.5em;
vertical-align:middle;
font-size:1em;
line-height:1em;
}

#recruit .item_detail .form_link a:hover {background:#ff9090;}

#recruit .item_detail .form_link a:after {
content:'';
display:inline-block;
width:0;
height:0;
margin:0 0 0 10px;
border-top:6px solid transparent;
border-bottom:6px solid transparent;
border-left:9.5px solid #fff;
border-right:6px solid transparent;
}

/*---------------------------------------- Contact ----------------------------------------*/

#contact_list {
margin:0 auto;
width:960px;
}

#contact .form {
margin:3em auto 0;
width:740px;
}

#contact .form h4 {
background:#ffeaea;
font-size:1em;
font-weight:bold;
line-height:1em;
padding:1em;
position:relative;
}

#contact .form h4 span {
display:inline-block;
border-bottom:2px #e6002d solid;
padding:5px 0;
position:relative;
bottom:-2px;
}

#contact .form ul {
background:#fafafa;
padding:20px;
}

#contact .form li {
background:#fafafa;
border-bottom:1px #e8e8e8 solid;
list-style:none;
padding:10px 0;
}

#contact .form li:last-child {border:0;}

#contact .form li span {
float:left;
display:block;
vertical-align:top;
padding:10px;
}

#contact .form li span:first-child {width:8em;}

#contact .form li span.item_name {
padding:10px;
}

#contact .form .item_content input {
border:1px #dedede solid;
box-shadow:none;
font-family:"Hiragino Kaku Gothic W3 JIS2004";
font-size:1em;
line-height:1em;
padding:8px 10px;
width:500px;
-webkit-appearance:none;
}

#contact .form textarea {
border:1px #dedede solid;
box-shadow:none;
font-family:"Hiragino Kaku Gothic W3 JIS2004";
font-size:1em;
line-height:1.6em;
height:15em;
padding:8px 10px;
width:500px;
-webkit-appearance:none;
}

#contact .form .submit-buttons {
width:100%;
text-align:center;
}

#contact .form input.submit {
background:#e6002d;
border:0;
border-radius:2em;
color:#fff;
display:inline-block;
font-size:16px;
font-family:"Shin Go Medium";
line-height:1em;
margin:1em auto 0;
-webkit-appearance:none;
padding:0.7em 2em;
vertical-align:middle;
transition-duration:0.5s;
}

#contact .form input.submit:hover {
background:#ff9090;
transition-duration:0.5s;
}

#contact .form input.back {
background:#fff;
border:1px #ccc solid;
border-radius:2em;
color:#000;
display:block;
font-family:"Shin Go Medium";
font-size:0.8em;
line-height:1em;
margin:1em auto 0;
-webkit-appearance:none;
padding:0.7em 2em;
transition-duration:0.5s;
vertical-align:middle;
}

#contact .form input.back:hover {
background:#eee;
transition-duration:0.5s;
color:#333;
}

#error_detail {
background:#fafafa;
margin:1em 0 0;
padding:3em 2em;
}

.error_messe {
color:#ff4548;
margin:0.5em 0 0;
}

.error_messe:first-child {
margin:0;
}




#title_about {
background:url("../images/about/title_bg.jpg") no-repeat #0079e0;
background-size: cover;
background-blend-mode:multiply;
background-position:50% 50%;
position:relative;
padding:5em 0;
}

/*
#title_about:after {
content: '';
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index:15;
background-color: rgba(0,121,224,1);
mix-blend-mode: multiply;
}
*/

#title_about h2 {
color:#fff;
font-size:40px;
letter-spacing:0.1em;
margin:0 auto;
width:960px;
z-index:10;
}

#about_detail,
#about_history,
#about_map {
margin:2em auto 0;
width:750px;
}

#about_detail table,
#about_history table {
border-collapse:collapse;
border-left:1px #ccc solid;
border-top:1px #ccc solid;
width:100%;
}

#about_detail table th,
#about_history th{
background:#f6fbfe;
border-right:1px #ccc solid;
border-bottom:1px #ccc solid;
text-align:left;
font-weight: 400;
padding:1em;
width:10em;
}

#about_detail table td,
#about_history td {
border-right:1px #ccc solid;
border-bottom:1px #ccc solid;
font-family:"Gothic Medium BBB", sans-serif;
padding:1em;
}

#about_map iframe {
width:100%;
aspect-ratio: 16/10;
}



#title_contact {
background:url("../images/contact/title_bg.jpg") no-repeat #0079e0;
background-size: cover;
background-blend-mode:multiply;
background-position:50% 50%;
position:relative;
padding:5em 0;
}

/*
#title_about:after {
content: '';
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index:15;
background-color: rgba(0,121,224,1);
mix-blend-mode: multiply;
}
*/

#title_contact h2 {
color:#fff;
font-size:40px;
letter-spacing:0.1em;
margin:0 auto;
width:960px;
z-index:10;
}

#contact_detail {
margin:2em auto 0;
width:750px;
}

#contact_detail table {
border-collapse:collapse;
border-left:1px #ccc solid;
border-top:1px #ccc solid;
width:100%;
}

#contact_detail table th {
background:#f6fbfe;
border-right:1px #ccc solid;
border-bottom:1px #ccc solid;
text-align:left;
font-weight: 400;
padding:1em;
width:10em;
}

#contact_detail table td {
border-right:1px #ccc solid;
border-bottom:1px #ccc solid;
font-family:"Gothic Medium BBB", sans-serif;
padding:1em;
}

#contact_form {
margin:50px auto 0;
width:750px;
}

#contact_form_form {
border:1px #ccc solid;
padding:50px;
}

#contact_form_form li {
list-style:none;
margin:0 0 2em;
}

#contact_form_form .name {
display:block;
}

#contact_form_form li input,
#contact_form_form li textarea,
.wpcf7-text,
.wpcf7-textarea {
background:#f7fcff;
border:1px #ccc solid;
border-radius:3px;
box-sizing:border-box;
font-size:14px;
padding:0.7em;
width:100%;
font-family:"Gothic Medium BBB", sans-serif;
}

#contact_form_form li textarea {
height:20em;
}

.submit-buttons input,
.wpcf7-submit {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background:#0065cc;
border:0;
display:block;
padding:0.5em 4em;
border-radius:3em;
color:#fff;
font-size:20px;
margin:0 auto;
text-align:center;
}

.wpcf7-form p {
margin:0 0 2em;
}

#title_gyoumu {
background:url("../images/gyoumu/title_bg.jpg") no-repeat #0079e0;
background-size: cover;
background-blend-mode:multiply;
background-position:50% 50%;
position:relative;
padding:5em 0;
}

#title_gyoumu h2 {
color:#fff;
font-size:40px;
letter-spacing:0.1em;
margin:0 auto;
width:960px;
z-index:10;
}

#gyoumu_intro {
margin:0 auto;
padding:50px 0;
text-align:center;
width:960px;
}

#gyoumu_intro h3 {
font-size:36px;
line-height:1.3em;
margin:0 0 30px;
}

#gyoumu_intro p {
font-size:14px;
line-height:1.8em;
}

#gyoumu_intro .line-pc {
display:block;
}

#gyoumu_list {
width:100%;
}

.gyoumu_item:nth-child(odd) {
background:#3ac5ff;
color:#fff;
}

.gyoumu_item_content {
margin:0 auto;
padding:30px 0;
width:960px;
}

.gyoumu_item_image {
float:left;
width:50%;
}

.gyoumu_item_image img {
width:100%;
height:auto;
}

.gyoumu_item_text {
float:right;
box-sizing:border-box;
width:50%;
padding:0 0 0 30px;
}

.gyoumu_item_text h4 {
font-size:24px;
margin:0 0 20px;
}

.gyoumu_item_text p {
font-size:14px;
line-height:1.8em;
margin:0 0 1em;
}

.gyoumu_item_text p:first-child {
margin:0;
}



#title_nagare {
background:url("../images/nagare/title_bg.jpg") no-repeat #0079e0;
background-size: cover;
background-blend-mode:multiply;
background-position:50% 50%;
position:relative;
padding:5em 0;
}

#title_nagare h2 {
color:#fff;
font-size:40px;
letter-spacing:0.1em;
margin:0 auto;
width:960px;
z-index:10;
}

#nagare_intro {
margin:0 auto;
padding:50px 0;
text-align:center;
width:960px;
}

#nagare_intro h3 {
font-size:36px;
line-height:1.3em;
margin:0 0 30px;
}

#nagare_intro p {
font-size:14px;
line-height:1.8em;
}

#nagare_intro .line-pc {
display:block;
}

#nagare_list {
margin:0 auto;
width:960px;
}

.nagare_item {
background:#f5fbff;
border-radius:10px;
border:3px #c4e7ff solid;
margin:30px 0 0;
padding:40px;
position:relative;
z-index:5;
}

.nagare_item:after {
background:url("../images/nagare/step_next.png") no-repeat;
background-size:cover;
display:block;
content: '';
height:50px;
width:50px;
left:50%;
transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
bottom:-25px;
position:absolute;
z-index:10;
}

.nagare_item:last-child:after {
display:none;
}


.nagare_item_image {
float:right;
width:50%;
}

.nagare_item_image img {
width:100%;
height:auto;
}

.nagare_item_text {
float:left;
box-sizing:border-box;
width:50%;
padding:0 30px 0 0;
}

.nagare_item_text h4 {
font-size:24px;
margin:0 0 20px;
text-align:center;
}

.nagare_item_text h4 .number {
border-bottom:2px #0065cc solid;
color:#0065cc;
display:block;
font-family: 'Bebas Neue', sans-serif;
font-size:64px;
line-height:1em;
margin:0 0 10px;
padding:0 0 10px;
}

.nagare_item_text p {
font-size:14px;
line-height:1.8em;
margin:0 0 1em;
}

.nagare_item_text p:first-child {
margin:0;
}


#title_sekourei {
background:url("../images/sekourei/title_bg.jpg") no-repeat #0079e0;
background-size: cover;
background-blend-mode:multiply;
background-position:50% 50%;
position:relative;
padding:5em 0;
}

#title_sekourei h2 {
color:#fff;
font-size:40px;
letter-spacing:0.1em;
margin:0 auto;
width:960px;
z-index:10;
}

#sekourei_intro {
margin:0 auto;
padding:50px 0;
text-align:center;
width:960px;
}

#sekourei_index {
border-top:1px #ccc solid;
border-bottom:1px #ccc solid;
margin:2em 0 0;
padding:1em 0;
width:100%;
}

#sekourei_index li {
display:inline-block;
}

#sekourei_index li a {
display:block;
padding:1em;
border-radius:3em;
font-size:14px;
line-height:1em;
}

#sekourei_index li a:hover {
background:#ffde00;
color:#000;
border-radius:3em;
}

.sekourei_page_item {
background:#ebf6ff;
border:1px #d3e7f7 solid;
border-radius:5px;
box-sizing:border-box;
float:left;
margin:0 4% 4% 0;
padding:15px;
width:48%;
}

.sekourei_page_item:nth-child(2n) {
margin:0 0 4% 0;
}

.sekourei_page_item .image img {
object-fit:cover;
width:100%;
aspect-ratio: 3/2;
}

.sekourei_page_item .text {
padding:1em 0 0;
font-size:14px;
}

#single_info {
margin:50px 0;
}

#single_info h3 {
font-size:20px;
margin:0 0 10px;
}

.blog_info {
color:#888;
font-family:"Gothic Medium BBB", sans-serif;
font-size:12px;
margin:0 0 50px;
}

.main_content {
font-family:"Gothic Medium BBB", sans-serif;
}

.main_content a:link {color:#008bf7;}

.main_content a:visited {color:#008bf7;}

.main_content a:hover {color:#008bf7; background:#ffe348;}

#info_list {
border-top:1px #ccc solid;
margin:50px 0;
}

.info_item {
border-bottom:1px #ccc solid;
padding:20px 0;
}

.info_item .date {
color:#888;
font-size:0.8em;
font-family:"Gothic Medium BBB", sans-serif;
padding:0 0 10px;
}


.paging {
clear:both;
margin:40px auto 0;
text-align: center;
}

.paging a,
.paging span {
margin:0 5px 0 0;
display:inline-block;
height:2.2em;
width:2.2em;
line-height:2.2em;
border-radius:50%;
}

.paging a:hover {
border-radius:2em;
color:#fff;
background:#228aff;
}

.paging .current {
background:#228aff;
color:#fff;
display:inline-block;
height:2.2em;
width:2.2em;
line-height:2.2em;
border-radius:50%;
}


}