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

* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 24px;
font-family: "Arial", "メイリオ";
	background-color: #f0e8d5;
	color:#330000;
	min-width:1200px;
	line-height: 1.6;
}

a {
    text-decoration:none; 
}

@media screen and (max-width: 979px) {
body {

	font-size: 14px;
	line-height: 1.8;
		min-width:100%;
	
}

.max_w {
	width: 100%;
	margin: 0 auto;
}

.max_w90 {
	width: 90%;
	margin: 0 auto;
}

.max_w96 {
	width: 96%;
	margin: 0 auto;
}


.max_w70 {
	width: 70%;
	margin: 0 auto;
}


}


img {
	vertical-align: bottom;
	vertical-align: top;
}


.pc {
	display: block;
}
.sm {
	display: none;
}

.title_font{
font-family: 'Noto Sans JP', sans-serif;
}

.title_font_min{
font-family: 'Noto Serif JP', serif;
font-family: 'Shippori Mincho', serif;
}

.txt_bold{
    font-weight: bold;
}

.txt_red{
    color: #cc0000;
}

.txt_blu{
    color: #032f54;
}

.txt_ye{
    color: #ffcc00;
}

.txt_un{
text-decoration: underline;
}

.txt_mak{
background-color: #ffcc00;
}

.txt_big{
font-size: 140%;
line-height: 1.4;
}

.txt_big_02{
font-size: 200%;
font-weight: bold;
line-height: 1.4;
}

.txt_small{
font-size: 70%;
line-height: 1.4;
}

.txt_boder{
display:inline-block;
padding: 0 0 5px 0;
border-bottom: 5px dotted #032f54;
line-height: 1.4;
}



.img_sp{
padding: 10px 0;
}

.img_sp_02{
padding: 20px 0;
}

.img_right {
    float: right;
    padding-left: 20px;
    padding-bottom: 20px;
}
.img_left {
    float: left;
    padding-right: 20px;
    padding-bottom: 20px;
}

@media screen and (max-width: 979px) {
.img_right {
float:none;
    padding-left: 0;
    padding-bottom: 10px;
	text-align: center;
	margin: 0 auto;
}
.img_left {
float:none;
    padding: 0 0 10px 0;
	text-align: center;
	margin: 0 auto;
	display: block;
}
}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin: 20px auto ;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 979px) {
.youtube {
  position: relative;
  width: 90%;
  padding-top: 56.25%;
  margin: 5px auto ;
}
}


.wrapper {
	padding:0;
	margin: 0px auto;
	width: 100%;
	text-align: center;
}

.inner {
	padding:0;
	margin-top: 0px auto;
	width: 800xp;
	text-align: center;
}


@media screen and (max-width: 979px) {
.pc {
	display: none;
}
.sm {
	display: block;
}

.wrapper {
	padding:0;
	margin-top: 0px auto;
	width: 100%;
	text-align: center;
	min-width:100%;
}

.img_sp{
padding: 5px 0;
}

}

/* ==========================================================================
   スマホメニュー
   ========================================================================== */

#nav-drawer {
position: fixed;
z-index: 9999;
margin: 0;
padding: 0;
border: 0;
outline: 0;
right: 5px;

}

@media screen and (max-width: 979px) {
#nav-drawer {
position: fixed;
z-index: 9999;
margin: 0;
padding: 0;
border: 0;
outline: 0;
right: 5px;

}
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 30px;
  height: 22px;
  vertical-align: middle;
  padding: 7px 10px 3px 10px;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 5px;/*線の太さ*/
  width: 35px;/*長さ*/
  border-radius: 5px;
  background: #999999;

  display: block;
  content: '';
  cursor: pointer;
}
#nav-open span:before {
  bottom: -10px;
}
#nav-open span:after {
  bottom: -20px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0;/*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9999;/*最前面に*/
  width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 330px;/*最大幅（調整してください）*/
  height: 100%;
  background: #ffffff;/*背景色*/
  transition: .3s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateX(105%);
  transform: translateX(105%);/*左に隠しておく*/
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}


#ci .drawer-menu li {
    border: solid #0091d6 1px;
    border-width: 1px 0 0;
}

.menu li {
    border: dashed #999999 1px;
    border-width: 0 0 1px 0;
	padding: 10px 10px 10px 30px ;
	text-align: left;
	font-size: 16px;
}

.menu a {
color:#666666;
}

.menu p {

	padding: 10px;

}

.menu_box {
display: flex;
padding: 0;
margin: 0 auto;
  justify-content: center;
  align-items: center;
  width: 80%;
}
.menu_box_01 {
padding: 0;
margin: 0 auto;

}

.menu_box_02 {
padding: 0 0 0 10px;
margin: 0 auto;
line-height: 1.4;
font-size: 80%;
text-align: center;

}

.menu_box_02_big {

font-size:140%;

}

#footerFloatingMenu {
    display: block;
    position: fixed;
    right: 0;
    bottom: 100px;
    z-index: 9999;
    text-align: right;
}

@media screen and (max-width: 979px) {
#footerFloatingMenu_sm {
    display: block;
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 9999;
    text-align: right;
	width: 100%;
	padding: 0;

}
/* ==========================================================================
   スマホフッター
   ========================================================================== */
.footerFloatingMenu{
display: flex;
width: 100%;
  justify-content: center;
  align-items: center;

}
.footerFloating_line{
margin: 0 auto;
background-color:#cc3333 ;
border-radius:10px 0 0 0;
width:75%;
text-align: center;
padding:10px 0;
display: flex;
align-items: center;
flex-direction: column;
font-weight: bold;
font-size: 160%;
}

.footerFloating_tell{
background-color: #ffcc33;
border-radius: 0 10px 0 0;
width: 25%;
text-align: center;
padding:10px 0 10px 0;
font-size: 250%;
display: flex;
align-items: center;
flex-direction: column;
color: #032f54;
font-weight: bold;
font-size: 120%;
line-height: 1.2;
}

.footerFloating_line a{
color: #ffffff;
align-items: center;
flex-direction: column;
}
.footerFloating_tell a{
color: #ffffff;
display: flex;
align-items: center;
flex-direction: column;
}

.footerFloating_line img{
width: 100%;

}


}

/* ==========================================================================
   ヘッダ（PC）
   ========================================================================== */

#heard{
width:100%;
padding:5px 0;
margin:0 auto;
text-align: center;
background-color: #ffffff;
height: 45px;
position: fixed;
z-index: 30;
}

#heard .row{
display: flex;
width:98%;
padding:0 0;
margin:0 auto;
justify-content:space-between;
flex-wrap: wrap;
}

#heard .col_logo{
margin-right:0;
padding: 3px 0 0 0;
text-align: left;
flex: 1;
}

#heard .col_inq{
margin-right:0;
text-align: right;
flex: 1;
}


#heard .col_inq{
margin-right:0;
text-align: right;
flex: 1;

}

#heard .col_inq_box{
display: flex;
justify-content: flex-end;
}

#heard .col_inq_box_tell{
margin: 0;
padding: 0 0 0 10px;
}

#heard .col_inq_box_maill{
margin: 0;
padding: 5px 40px 0 10px;
}

.tell-marker {
  list-style-type: none;

}

.tell-marker li {
  padding-left: 1.2em;
  background-image: url("../img/heard_tell_icom.png");
  background-repeat: no-repeat;
  background-size: 1em;
  background-position: left center;
 font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho";
 font-size: 30px;
}


/* ==========================================================================
   top
   ========================================================================== */

.top{
width: 100%;
padding:0;
margin:0 auto 20px;
text-align: center;
}



@media screen and (max-width: 979px) {
#heard{
display: none;
}

.top{
padding:0;
margin:0 auto 0;
text-align: center;
}
}


/* ==========================================================================
   order
   ========================================================================== */

.order{
margin:0 auto;
padding: 30px 0;
background-color: #032f54;
text-align: center;
color: #ffffff;
}

.order p{
color: #ffffff;
font-size: 20px;
}


.order_box{
width: 800px;
display: flex;
margin: 20px auto 0;
padding: 0;
flex-wrap: wrap;
}

.order_box_col{
width: 50%;
}

.order_tell-marker {
  list-style-type: none;
}

.order_tell-marker li {
  padding-left: 0.4em;
  background-image: url("../img/order_tell_icom.png");
  background-repeat: no-repeat;
  background-size: 1em;
  background-position: left center;
 font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho";
 font-size: 50px;
}

/*ホバー時に透明度50%*/
.order a img:hover {
  opacity: 0.8;
}


/*ホバー時に透明度50%*/
.order a  {
color: #ffffff;
text-decoration: none;
}

.order a:hover  {
color: #ffcc33;
text-decoration: none;
}


a.btn_06-1 {
  display: block;
  color: #ffffff;
  font-size: 180%;
  font-weight: bold;
  line-height: 1.2;
  text-decoration: none;
  text-align: center;
  padding: 20px 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid transparent;
  border-radius: 6px;
  box-sizing: border-box;
  margin: 10px auto;
  position: relative;
  width: 95%;
}
a.btn_06-1 span {
  position: relative;
  display: block;
  transform: translate(-3px, -3px);
  transition: 0.3s;
  z-index: +1;
}
a.btn_06-1:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background: #cc3333;
  border-radius: 6px;
  box-sizing: border-box;
  transform: translate(-3px, -3px);
  transition: 0.3s;
}
a.btn_06-1:hover span {
  transform: translate(0, 0);
}
a.btn_06-1:hover:after {
  transform: translate(0, 0);
}


a.btn_06-2 {
  display: block;
  color: #ffffff;
  font-size: 180%;
  font-weight: bold;
  line-height: 1.2;
  text-decoration: none;
  text-align: center;
  padding: 20px 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid transparent;
  border-radius: 6px;
  box-sizing: border-box;
  margin: 10px auto;
  position: relative;
    width: 95%;
}
a.btn_06-2 span {
  position: relative;
  display: block;
  transform: translate(-3px, -3px);
  transition: 0.3s;
  z-index: +1;
}
a.btn_06-2:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background: #05a6a3;
  border-radius: 6px;
  box-sizing: border-box;
  transform: translate(-3px, -3px);
  transition: 0.3s;
}
a.btn_06-2:hover span {
  transform: translate(0, 0);
}
a.btn_06-2:hover:after {
  transform: translate(0, 0);
}

@media screen and (max-width: 979px) {
.order{
margin:0 auto;
padding: 10px 0;
}

.order p{
color: #ffffff;
font-size: 20px;
}


.order_box{
width: 90%;
display: flex;
margin: 10px auto 0;
padding: 0;
flex-wrap: wrap;
}

.order_box_col{
width: 100%;
margin: 0 auto;
text-align: center;
}

.order_tell-marker {
  list-style-type: none;
}

.order_tell-marker li {
  padding-left: 0.4em;
  background-image: url("../img/order_tell_icom.png");
  background-repeat: no-repeat;
  background-size: 1em;
  background-position: left center;
 font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho";
 font-size: 34px;
 line-height: 1;
 margin: 10px auto 0;
}

.order p{
padding: 5px 0;
font-size: 80%;
line-height: 1.4;

}

a.btn_06-1 {

width: 100%;
}

a.btn_06-2 {
margin: 0 auto 0;
width: 100%;
}

}

/* ==========================================================================
   コンテンツ
   ========================================================================== */

.contents{
width:100%;
padding:50px 0;
margin:0 auto;
text-align: center;
}

.contents_w{
width:100%;
padding:0 0 40px 0;
margin:0 auto 0;
text-align: center;
background-color: #ffffff;
}

.contents00{
width:100%;
padding:0;
margin:0 auto;
text-align: center;
}

.title_img{
padding:0;
margin:0 auto 30px;
text-align: center;
}

@media screen and (max-width: 979px) {

.contents{
width:100%;
padding:0;
margin:20px auto;
text-align: center;
}

.contents_w{
width:100%;
padding:0;
margin:0 auto;
text-align: center;
background-color: #ffffff;
}

.title_img{
padding:0;
margin:0 auto 10px;
text-align: center;
}

}

.box_01{
margin: 0 auto;
width: 1000px;
background: url('../img/box_01_bg.png') top center repeat;
padding:60px 0 20px 0;
}

.box_01_in{
width: 880px;
margin: 0 auto 40px;
background-color: #ffffff;
border-radius:0 0 20px 20px;
padding: 0 0 20px 0;
}

.box_01_in p{
width: 760px;
margin: 0 auto;
text-align: left;
padding: 20px 0;
}

@media screen and (max-width: 979px) {
.box_01{
margin: 0 auto;
width: 100%;
background: url('../img/box_01_bg.png') top center repeat;
padding:20px 0 10px 0;
}

.box_01_in{
width: 90%;
margin: 0 auto 20px;
background-color: #ffffff;
border-radius:0　0 10px 10px;
padding: 20px 0 10px 0;
}

.box_01_in p{
width: 90%;
margin: 0 auto;
text-align: left;
}
}


.img_up{
position: relative;
height: 130px;
}

.img_up_img{
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translate(-50%, -50px);
    -webkit-transform: translate(-50%, -50px);
    -ms-transform: translate(-50%, -50px);

}


@media screen and (max-width: 979px) {
.img_up{
position: static;
height: auto;
}
}



/* ==========================================================================
   家出３段階
   ========================================================================== */

.box_02_in{
width: 1000px;
margin: 0 auto 40px;
background-color: #ffffff;
border-radius:0 0 20px 20px;
padding: 0 0 20px 0;
}

.box_02_in p{
width: 1000px;
margin: 0 auto;
text-align: left;
padding: 20px 0;
}

@media screen and (max-width: 979px) {

.box_02_in{
width: 100%;
margin: 0 auto 40px;
background-color: #ffffff;
border-radius:0 0 20px 20px;
padding: 0 0 20px 0;
}

.box_02_in p{
width: 90%;
margin: 0 auto;
text-align: left;
padding: 20px 0;
}
}



.iede_03_box{
display: flex;
flex-wrap: wrap;
margin: 20px auto;
width: 1000px;
}

.iede_03_box_col{
width:calc(25% - 15px) ;
margin: 0 auto 20px;
padding: 0;
}

.iede_03_box_col_title{
margin: 10px auto;
background-color:#032f54;
color: #ffffff;
border-radius: 50px;
font-size: 16px;
}

.iede_03_box_col p{
font-size: 14px;
text-align: left;
}

.iede_03_box_col img{
width:100%;
}

@media screen and (max-width: 979px) {

.iede_03_box{
display: flex;
flex-wrap: wrap;
margin: 20px auto;
width: 90%;
}

.iede_03_box_col{
width:calc(50% - 15px) ;
margin: 0 auto 20px;
padding: 0;
}

.iede_03_box_col_title{
margin: 10px auto;
background-color:#032f54;
color: #ffffff;
border-radius: 50px;
font-size: 16px;
}

.iede_03_box_col p{
font-size: 14px;
text-align: left;
}

.iede_03_box_col img{
width:100%;
}

}

.iede_04_box{
display: flex;
flex-wrap: wrap;
margin: 20px auto ;
padding: 0 0 0 0;
width: 1000px;
}

.iede_04_box_col{
width:calc(31% - 15px) ;
margin: 0 auto 20px;
padding: 10px;
border: 1px solid #666666;
}

.iede_04_box_col_title{
margin: 0 auto 10px;
background-color:#000000;
color: #ffffff;
font-size: 14px;
padding: 5px 0;
}

.iede_04_box_col p{
font-size: 14px;
text-align: center;
}

.iede_04_box_col img{
width:100%;
padding: 0 0 5px 0;
}

@media screen and (max-width: 979px) {
.iede_04_box{
display: flex;
flex-wrap: wrap;
margin: 20px auto ;
padding: 0 0 40px 0;
width: 90%;
}

.iede_04_box_col{
width:calc(45% - 15px) ;
margin: 0 auto 20px;
padding: 10px;
border: 1px solid #666666;
}

.iede_04_box_col_title{
margin: 0 auto 10px;
background-color:#000000;
color: #ffffff;
font-size: 14px;
padding: 5px 0;
}

.iede_04_box_col p{
font-size: 14px;
text-align: center;
}

.iede_04_box_col img{
width:100%;
padding: 0 0 5px 0;
}

}


/* ==========================================================================
  行き先さがす
   ========================================================================== */
 
.iede_05{
width: 100%;
background: url('../img/05_img_bg.png') top center no-repeat;
margin: 0 auto;
padding: 0 0 40px 0;
}
 
 
.iede_05_row{
display: flex;
flex-wrap: wrap;
margin: 20px auto;
width: 900px;
}

.iede_05_col_title{
margin: 0 auto;
background-color: #032f54;
color: #ffffff;
width: 330px;
padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.iede_05_col_txt{
margin: 0 auto;
background-color: #ffffff;
width: 570px;
}


.iede_05_col_txt dl{
  display: flex;
  margin: 10px auto;
  padding: 10px 20px;
  flex-wrap: wrap;
 
}

.iede_05_col_txt dt{
margin:10px auto;
background-color: #f0e8d5;
border-radius: 5px;
color:#032f54;
width: 30%;
font-size: 30px;
font-weight: bold;
color: #032f54;
  display: flex;
  justify-content: center;
  align-items: center;
}

.iede_05_col_txt dd{
width: 70%;
font-size: 20px;
  display: flex;
  justify-content: left;
  align-items: center;
}

.iede_05_col_txt dd p{
text-align: left;
padding: 0 20px;
}

.iede_05_box{
flex-wrap: wrap;
margin: 40px auto;
width: 900px;
font-size:  18px;
text-align: left;
}
@media screen and (max-width: 979px) {

  
.iede_05_row{
display: flex;
flex-wrap: wrap;
margin: 20px auto;
width: 90%;
}

.iede_05_col_title{
margin: 0 auto;
background-color: #032f54;
color: #ffffff;
width: 100%;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
  padding: 10px 0;
  line-height: 1.4;
}

.iede_05_col_txt{
margin: 0 auto;
background-color: #ffffff;
width: 100%;
}


.iede_05_col_txt dl{
  display: flex;
  margin: 10px auto;
  padding:0 10px;
  flex-wrap: wrap;
 
}

.iede_05_col_txt dt{
margin:10px auto;
background-color: #f0e8d5;
border-radius: 5px;
color:#032f54;
width: 100%;
font-size: 20px;
font-weight: bold;
color: #032f54;
  display: flex;
  justify-content: center;
  align-items: center;

}

.iede_05_col_txt dd{
width: 100%;;
font-size: 20px;
  display: flex;
  justify-content: left;
  align-items: center;
}

.iede_05_col_txt dd p{
text-align: left;
padding: 0 10px;
font-size: 14px;
}

.iede_05_box{
flex-wrap: wrap;
margin: 20px auto;
width: 90%;
font-size:  18px;
text-align: left;
}

}

.iede_06_box{
display: flex;
flex-wrap: wrap;
margin: 20px auto;
width: 1000px;
}

.iede_06_box_col{
width: 25%;
margin: 0 auto 20px;
}

@media screen and (max-width: 979px) {

.iede_06_box{
display: flex;
flex-wrap: wrap;
margin: 20px auto;
width: 90%;
}

.iede_06_box_col{
width: 50%;
margin: 0 auto 20px;
}

}

.iede_07_box{
display: flex;
flex-wrap: wrap;
margin: 20px auto;
width: 1000px;
}

.iede_07_box_col{
width: 33.3333%;
margin: 0 auto 20px;
}

.iede_07_box_col_in{
width: 320px;
margin: 0 auto;
background-color: #ffffff;
line-height: 1.6;
min-height: 460px;
}


.iede_07_box_col_in p{
padding: 10px 20px 20px 20px;
font-size: 18px;
text-align: left;
}

.iede_07_title{
font-size: 28px;
font-weight: bold;
line-height: 1.4;
color: #cc0000;
}

@media screen and (max-width: 979px) {

.iede_07_box{
display: flex;
flex-wrap: wrap;
margin: 10px auto;
width: 100%;
}

.iede_07_box_col{
width: 90%;
margin: 0 auto 20px;
}

.iede_07_box_col_in{
width: 100%;
margin: 0 auto;
background-color: #ffffff;
line-height: 1.6;
min-height:auto;
}


.iede_07_box_col_in p{
padding: 10px 20px 20px 20px;
font-size: 18px;
text-align: left;
}

.iede_07_title{
font-size: 28px;
font-weight: bold;
line-height: 1.4;
color: #cc0000;
}
}

.iede_08_box{
display: flex;
flex-wrap: wrap;
margin: 20px auto;
width: 1000px;
}

.iede_08_box_col{
width: 25%;
margin: 0 auto 20px;
}

.iede_08_box_col p{
margin: 20px auto 0;
padding: 0 20px;
font-size: 16px;
text-align: left;
}

.tantei_08_box_col{
width: 20%;
margin:5px 0;

}

.tantei_08_box_col p{
margin: 20px auto 0;
padding: 0 20px;
font-size: 16px;
text-align: left;
}


@media screen and (max-width: 979px) {

.iede_08_box{
display: flex;
flex-wrap: wrap;
margin: 10px auto 0;
width: 90%;
}

.iede_08_box_col{
width: 50%;
margin: 0 auto 0;
}

.iede_08_box_col p{
margin: 10px auto 0;
padding: 10px;
font-size: 14px;
}
.tantei_08_box_col{
width: 33.3333%;
margin:5px 0;

}

.tantei_08_box_col p{
margin: 20px auto 0;
padding: 0 20px;
font-size: 16px;
text-align: left;
}


}


.img_09_bg{
margin: 0 auto;
width:100%;
background: url('../img/09_bg.png') top center no-repeat;
padding:20px 0;
text-align: center;
}

.iede_09_box{
margin: 20px auto;
width:1000px;
padding:20px 0;
text-align: center;

}
.iede_09_box p{
margin: 20px auto;
padding:10px 20px;
text-align: left;
color: #ffffff;
}

@media screen and (max-width: 979px) {

.img_09_bg{
margin: 20px auto 0;
width:100%;
background: url('../img/09_bg_sp.png') top right no-repeat;
padding:10px 0;
text-align: center;
background-size: cover;
}

.iede_09_box{
margin: 20px auto 0;
width:90%;
padding:20px 0;
text-align: center;

}
.iede_09_box p{
margin: 10px auto;
padding:10px ;
text-align: left;
color: #ffffff;
}
}


.iede_10_box{
display: flex;
flex-wrap: wrap;
margin: 20px auto;
width: 880px;
}

.iede_10_box_col{
width: 50%;
margin: 0 auto 20px;
}

.iede_10_box_col_img{
margin:50px auto 10px;
}

.iede_10_box_col p{
margin: 0 auto;
text-align: left;
font-size: 20px;
padding: 20px;
}

.iede_10_box02{
display: flex;
flex-wrap: wrap;
margin: 50px auto;
width: 1000px;
}

.iede_10_box_col02{
width: 33.33333%;
margin: 0 auto 20px;
}

.iede_10_box_col03{
width: 50%;
margin: 0 auto 20px;
text-align: left;
}

.iede_10_box_col04{
width: 50%;
margin: 0 auto 20px;
text-align: right;
}

.iede_10_box_col05{
width: 100%;
margin: 0 auto 20px;
}



.iede_10_box_col02w{
width: 320px;
background-color: #ffffff;
text-align: left;
font-size: 20px;
}

.iede_10_box_col02w_title{
background-color: #032f54;
color: #ffffff;
text-align: center;
padding: 10px 0;
}

.iede_10_box_col02w p{
padding: 20px;
}


@media screen and (max-width: 979px) {

.iede_10_box{
display: flex;
flex-wrap: wrap;
margin: 20px auto;
width: 90%;
}

.iede_10_box_col{
width: 100%;
margin: 0 auto 20px;

}

.iede_10_box_col_img{
margin:10px auto 10px;
}

.iede_10_box_col p{
margin: 0 auto;
text-align: left;
font-size: 16px;
padding: 10px;
}

.child_1{
  order: 1;
}
.child_2{
  order: 2;
}
.child_3{
  order: 3;
}
.child_4{
  order: 4;
}
.child_5{
  order: 5;
}
.child_6{
  order: 6;
}
.child_7{
  order: 7;
}
.child_8{
  order: 8;
}

.iede_10_box02{
display: flex;
flex-wrap: wrap;
margin: 20px auto 0;
width: 90%;
}

.iede_10_box_col02{
width: 100%;
margin: 0 auto 0;
}

.iede_10_box_col02w{
width: 100%;
background-color: #ffffff;
text-align: left;
font-size: 18px;
}

.iede_10_box_col02w_title{
background-color: #032f54;
color: #ffffff;
text-align: center;
padding: 10px 0;
}

.iede_10_box_col02w p{
padding: 20px;
}

.iede_10_box_col03{
width: 100%;
margin: 0 auto;
text-align: left;
}

.iede_10_box_col04{
width: 100%;
margin: 0 auto;
text-align: right;
}

.iede_10_box_col05{
width: 100%;
margin: 0 auto;
}

}

.iede_11_title{
margin: 50px auto;
padding: 0 0 10px 0;
background: url('../img/11_title_bg.png') top right repeat-x;
}

.iede_11_box{
margin: 0 auto 50px;
padding: 0 0 40px 0;
background: url('../img/11_img_02.png') top center no-repeat ;
}

.iede_11_box_in{
width: 600px;
margin-left: 0;
padding:100px 0 0 700px;
}

.iede_11_box p{
margin: 0 auto;
padding: 40px;
text-align: left;
font-size: 20px;
 background-color:rgba(255,255,255,0.8);
}

@media screen and (max-width: 979px) {
.iede_11_title{
margin: 0 auto;
padding: 0 0 10px 0;
background: url('../img/11_title_bg.png') top right repeat-x;
}

.iede_11_box{
margin: 0 auto;
padding: 20px 0 20px 0;
background: url('../img/11_img_02.png') top left no-repeat #ffffff;
background-size: cover;
}

.iede_11_box_in{
width: 80%;
margin:0 auto;
padding:10px;
}

.iede_11_box p{
margin: 0 auto;
padding: 10px;
text-align: left;
font-size: 14px;
 background-color:rgba(255,255,255,0.8);
}

}

.iede_12_box00{
display: flex;
flex-wrap: wrap;
margin: 20px auto 0;
width: 880px;
padding: 0 10px;
}

.iede_12_box{
display: flex;
flex-wrap: wrap;
margin: 0 auto;
width: 900px;
}

.iede_12_box_col{
width : calc(50% - 20px) ;
margin: 0 auto ;
padding: 0 5px;
}

@media screen and (max-width: 979px) {
.iede_12_box{
display: flex;
flex-wrap: wrap;
margin: 0 auto;
width: 100%;
}

.iede_12_box_col{
width: 100%;
margin: 0 auto 0;
}

.iede_12_box00{
display: flex;
flex-wrap: wrap;
margin: 0 auto 0;
width: 100%;
padding: 0;
}
}

.iede_13_box{
display: flex;
flex-wrap: wrap;
margin: 20px auto;
width: 1000px;
}

.iede_13_box_in{
width: 1000px;
margin: 40px auto 20px;
background: url(../img/box_01_bg.png) top center repeat;
padding: 40px 0;
}

.iede_13_box_in_w{
width: 800px;
margin: 40px auto 20px;
background-color: #ffffff;
padding: 40px ;
text-align: left;
}

.iede_13_box_in_w p{
text-align: center;
padding:0 0 20px 0;
}

.iede_13_box_bg{
width: 100%;
margin: 40px auto 20px;
background: url("../img/13_bg.png") top center no-repeat;
background-size:100%;
padding: 120px 0;
}


.iede_13_box_bg_in{
width: 1000px;
margin:50px auto 20px;
padding: 40px 0;
background: rgba(255,255,255,0.5);
}


@media screen and (max-width: 979px) {
.iede_13_box{
display: flex;
flex-wrap: wrap;
margin: 20px auto;
width: 100%;
}

.iede_13_box_in{
width: 100%;
margin: 20px auto 20px;
background: url(../img/box_01_bg.png) top center repeat;
padding: 10px 0;
}

.iede_13_box_in_w{
width: 90%;
margin: 10px auto 20px;
background-color: #ffffff;
padding: 10px ;
text-align: left;
}

.iede_13_box_in_w p{
text-align: left;
padding:0 0 20px 0;
}

.iede_13_box_bg{
width: 100%;
margin: 20px auto 20px;
background: url("../img/13_bg.png") top center no-repeat;
background-size:cover;
padding: 10px 0;

}


.iede_13_box_bg_in{
width: 90%;
margin:10px auto 20px;
padding: 10px;
background: rgba(255,255,255,0.5);
text-align: left;
}

}


.iede_14_box{
display: flex;
flex-wrap: wrap;
margin: 0 auto;
width: 800px;
}

.iede_14_box_col_01{
width: 280px;
margin: 0 auto 0;
text-align: left;
}

.iede_14_box_col_02{
width: 520px;
margin: 0 auto 0;
text-align: left;
font-size: 20px;
padding: 25px 0 0 0;
}

.iede_14_box_03{
margin: 50px auto;
width: 900px;
background-color: #f0e8d5;
padding:10px 50px;
background: url('../img/box_01_bg.png') top left repeat #f0e8d5;
}

.iede_14_box_03 p{
color: #ffffff;
}

.iede_14_box_03_in{
margin: 20px auto 40px;
background-color: #ffffff;
padding:40px 50px;

}
.iede_14_box_03_in p{
margin: 10px auto;
padding:0 0 0 0;
color: #330000;
text-align: left;
font-size: 20px;
font-weight: bold;
}

@media screen and (max-width: 979px) {

.iede_14_box{
display: flex;
flex-wrap: wrap;
margin: 0 auto;
width: 90%;
}

.iede_14_box_col_01{
width: 100%;
margin: 0 auto 0;
text-align: center;
}

.iede_14_box_col_02{
width: 100%;
margin: 0 auto 0;
text-align: left;
font-size: 16px;
padding: 10px 0 0 0;
}

.iede_14_box_03{
margin: 20px auto;
width: 100%;
background-color: #f0e8d5;
padding:10px 0;
background: url('../img/box_01_bg.png') top left repeat #f0e8d5;
}

.iede_14_box_03 p{
color: #ffffff;
}

.iede_14_box_03_in{
margin: 10px auto 10px;
background-color: #ffffff;
padding:10px;

}
.iede_14_box_03_in p{
margin: 10px auto;
padding:0 0 0 0;
color: #330000;
text-align: left;
font-size: 16px;
font-weight: bold;
}
}

.iede_15_box{
margin: 20px auto;
width: 800px;
background-color: #ffffff;
}

.iede_15_box_in{
display: flex;
margin: 20px auto;
padding: 20px 40px;
flex-wrap: wrap;
}

.iede_15_box_in_col_img{
margin-right: auto;
text-align: left;
]
width: 30%;
}

.iede_15_box_in_col_txt{
width: 70%;
}

.iede_15_title{
border-bottom: 3px solid #032f54;
font-weight: bold;
padding: 0 0 0 0;
text-align: left;
color: #032f54;
}

.iede_15_box_in_col_txt p{
font-size: 16px;
text-align: left;
padding: 10px 0;
}

.iede_15_box_in_02{
margin: 10px auto;
padding: 10px;
background-color: #f0e8d5;
}

.iede_15_box_in_03 dl{
  display: flex;
  margin: 0 auto 10px;
  padding: 0;
  flex-wrap: wrap;
}

.iede_15_box_in_03 dt{
width: 25%;
padding: 5px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color:#ffcc33 ;
  color: #032f54;
  font-size: 20px;
  font-weight: bold;
}
.iede_15_box_in_03 dd{
width: 75%;
padding: 5px 0;
}

.iede_15_box_in_03 dd p{
padding: 0 10px;
font-size: 16px;
text-align: left;
}

.iede_15_box_in_04 dl{
  display: flex;
  margin: 0 auto;
  padding: 0;
  flex-wrap: wrap;
}
.iede_15_box_in_04 dt{
width: 25%;
padding: 5px 0;
display: flex;
justify-content: center;
align-items: center;
  background-color:#ffcc33 ;
  color: #032f54;
  font-size: 20px;
  font-weight: bold;
}
.iede_15_box_in_04 dd{
width: 25%;
padding: 5px 0;
  color: #032f54;
  font-size: 20px;
  font-weight: bold;
}
.iede_15_box_in_04 dd p{
padding: 0 10px;
font-size: 20px;
text-align: center;
  color: #032f54;
  font-size: 20px;
  font-weight: bold;
}

@media screen and (max-width: 979px) {
.iede_15_box{
margin: 20px auto;
width: 90%;
background-color: #ffffff;
}

.iede_15_box_in{
display: flex;
margin: 10px auto;
padding: 10px;
flex-wrap: wrap;
}

.iede_15_box_in_col_img{
margin-right: auto;
text-align: center;
width: 100%;
}

.iede_15_box_in_col_img img{
width: 30%;
padding: 10px 0;
}

.iede_15_box_in_col_txt{
width: 100%;
}

.iede_15_title{
border-bottom: 3px solid #032f54;
font-weight: bold;
padding: 0 0 0 0;
text-align: left;
color: #032f54;
font-size: 110%;
}

.iede_15_box_in_col_txt p{
font-size: 14px;
text-align: left;
padding: 10px 0;
}

.iede_15_box_in_02{
margin: 10px auto;
padding: 10px;
background-color: #f0e8d5;
}

.iede_15_box_in_03 dl{
  display: flex;
  margin: 0 auto 10px;
  padding: 0;
  flex-wrap: wrap;
}

.iede_15_box_in_03 dt{
width: 100%;
padding: 5px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color:#ffcc33 ;
  color: #032f54;
  font-size: 20px;
  font-weight: bold;
}
.iede_15_box_in_03 dd{
width: 100%;
padding: 5px 0;
}

.iede_15_box_in_03 dd p{
padding: 0 10px;
font-size: 14px;
text-align: left;
}

.iede_15_box_in_04 dl{
  display: flex;
  margin: 0 auto;
  padding: 0;
  flex-wrap: wrap;
}
.iede_15_box_in_04 dt{
width: 50%;
padding: 5px 0;
display: flex;
justify-content: center;
align-items: center;
  background-color:#ffcc33 ;
  color: #032f54;
  font-size: 20px;
  font-weight: bold;
  margin: 0 auto 5px;
}
.iede_15_box_in_04 dd{
width: 50%;
padding: 5px 0;
  color: #032f54;
  font-size: 20px;
  font-weight: bold;
}

.iede_15_box_in_04 dd p{
padding: 0 10px;
font-size: 20px;
text-align: center;
  color: #032f54;
  font-size: 20px;
  font-weight: bold;
}
}

.iede_16_box{
padding:0 0 20px 0;
text-align: center;


}

/* ############   FAQ*/

.iede_17_box{
margin: 20px auto;
width: 800px;
background-color: #ffffff;
}
@media screen and (max-width: 979px) {
.iede_17_box{
margin: 20px auto;
width: 90%;
background-color: #ffffff;
}
}

.acd {
max-width: 100%;
margin: 0 auto;
background-color: #f0e8d5;
}
.acd-hidden{
display: none;
}
.acd-open {
display: block;
padding: 20px 60px 20px 0;
cursor: pointer;
margin: 0 auto ;
font-weight: 700;
line-height: 1.5em;
position: relative;
border-top: 2px dotted #032f54;
background: #ffffff;


}

.acd-open::before,
.acd-open::after {
content: ”;
width: 20px;
height: 3px;
background: #000;
position: absolute;
top: 50%;
right: 5%;
transform: translateY(-50%);
}
.acd-open::after {
transform: translateY(-50%) rotate(90deg);
transition: .5s;
}
.acd-hidden:checked + .acd-open:after {
transform: translateY(-50%) rotate(0);
}
.acd-close {
display: block;
height: 0;
overflow: hidden;
margin: 0;
padding: 0;
opacity: 0;
line-height: 1.7em;
transition: 0.5s;
background-color:#f0e8d5 ;
text-align: left;
}
.acd-hidden:checked + .acd-open + .acd-close {
height: auto;
opacity: 1;
padding: 10px 0 20px 10px;
}

/* 開閉状態を示すアイコン+の作成 */
.acd-open::before,
.acd-open::after {
  content: '';
  width: 20px;
  height: 3px;
  background: #000;
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}

/* 一本は縦にして+を作る */
.acd-open::after {
  transform: translateY(-50%) rotate(90deg);
  transition: .5s;
}

/* アコーディオンが開いたら縦棒を横棒にして-にする */
.acd-hidden:checked + .acd-open:after {
  transform: translateY(-50%) rotate(0);
}

.faq_txt_box {
    display: flex;/*これを入れるだけで横並び*/
}

.faq_txt_0101 {
width:60px;
text-align: right;
padding:0 0 0 30px;
font-weight: bold;
color: #032f54;
}

.faq_txt_0102 {
padding:10px 20px 0 40px;
text-align: left;
}

.maru {
 height:50px;
 width:50px;
 border-radius:50%;
 line-height:50px;
 text-align:center;
 background: #032f54;
margin:0; 
color:#ffffff;

}

.maru_a {
 height:50px;
 width:50px;
 border-radius:50%;
 line-height:50px;
 text-align:center;
 background: #032f54;
margin:0; 
color:#ffffff;
font-weight: 700;
}

@media screen and (max-width: 979px) { 
.acd-open {
display: block;
padding: 20px 50px 20px 0;
cursor: pointer;
margin: 0 auto;
font-weight: 700;
line-height: 1.5em;
position: relative;
border-bottom: 0 solid #d9e5e7;
background: #ffffff;

}


.faq_txt_box {
display: flex;

}

.faq_txt_0101 {
width:50px;
text-align: right;
padding:0 0 0 10px;
}

.faq_txt_0102 {
padding:10px 0 0 10px;
font-weight: normal;

}

.maru {
 height:40px;
 width:40px;
 border-radius:50%;
 line-height:40px;
 text-align:center;
 background: ##032f54;
margin:0; 
color:#ffffff;
}

.maru_a {
 height:40px;
 width:40px;
 border-radius:50%;
 line-height:40px;
 text-align:center;
 background: ##032f54;
margin:0; 
color:#ffffff;
font-weight: 700;
}
}

.pac_box{

margin: 40px auto;
width: 800px;
}

.pac_box p{
text-align: left;
font-size: 18px;
}

@media screen and (max-width: 979px) { 

.pac_box{

margin: 20px auto;
width: 90%;
text-align: center;
}

.pac_box p{
text-align: left;
font-size: 14px;
}
}

.iede_20_box{
margin: 40px auto;
width: 800px;
background-color: #ffffff;

}

.iede_20_box p{
margin: 0 auto;
padding:0 10px;
text-align: left;
font-size: 16px;
}

.iede_20_box_title{
margin:20px auto;
padding: 20px 0;
width: 90%;
font-size: 140%;
    font-weight: bold;
    line-height: 1.4;
text-align: center;
border-bottom: 3px dotted #032f54;
color: #032f54;
}

.iede_20_box_in{
margin: 20px auto;
width: 85%;
background-color: #eeeeee;
padding: 20px;
text-align: left;
line-height: 1.4;
}


.iede_20_box_in_00{
display: flex;
flex-wrap: wrap;
margin: 0 auto 0;
width: 90%;
padding: 10px 0;
}

.iede_20_box_in_01{
width: 300px;
margin: 0 auto;
text-align: left;
}

.iede_20_box_in_01 img{
width: 98%;
margin: 0 auto 10px;
text-align: center;
}


.iede_20_box_in_02{
width: 400px;
margin: 0 auto 0;
text-align: left;
font-size: 20px;
padding: 0 0 0 0;
}

@media screen and (max-width: 979px) { 

.iede_20_box{
margin: 20px auto;
width: 90%;

}

.iede_20_box p{
text-align: left;
font-size: 14px;
padding: 10px;
}

.iede_20_box_in{
margin: 10px auto;
width: auto;
padding: 10px;
word-break: break-all;
}
.iede_20_box_title{
margin:5px auto;
padding: 5px 0;
width: 100%;
font-size: 120%;
    font-weight: bold;
    line-height: 1.6;
text-align: center;
border-bottom: 0 dotted #032f54;
border-top: 3px dotted #032f54;
color: #032f54;
}

.iede_20_box_in{
margin: 20px auto;
width: 100%;
background-color: #eeeeee;
padding: 20px;
text-align: left;
line-height: 1.4;
}


.iede_20_box_in_00{
display: flex;
flex-wrap: wrap;
margin: 0 auto 0;
width: 100%;
padding: 10px 0;
}

.iede_20_box_in_01{
width: 100%;
margin: 0 auto;
text-align: left;
}

.iede_20_box_in_01 img{
width: 100%;
margin: 0 auto 10px;
text-align: center;
}


.iede_20_box_in_02{
width: 400px;
margin: 0 auto 0;
text-align: left;
font-size: 20px;
padding: 0 0 0 0;
}

}

.comp_box{
margin: 20px auto;
width: 1000px;
}

/* ############  テーブルCSS*/
.list_table,
.list_table > dt,
.list_table > dd {
    box-sizing: border-box;
	line-height: 1.6;
	margin: 40px auto;
}

.list_table > dt,
.list_table > dd {
    padding: 1em;
    margin: 0px;
}

.list_table > dt {
    background-color: #032f54;
    color: #fff;
}

.list_table > dd {
    background-color: #fff;
	font-size: 18px;
	text-align: left;
}
    .list_table {
        display: flex;
        flex-wrap: wrap;
        border-bottom: 1px solid #ddd;
    }
    .list_table > dt,
    .list_table > dd {
        display: flex;
        flex-direction: column;
        justify-content: center;
        border-top: 1px solid #ddd;
		
    }
    .list_table > dt {
        width: 30%;
    }
    .list_table > dd {
        width: 70%;
        border-right: 1px solid #ddd;

    }


@media screen and (max-width: 979px) {
 .list_table{
    margin: 10px auto;
        border-left: 1px solid #ddd;
		font-size: 14px;
		
    }
 
 .list_table > dt,
    .list_table > dd {
        display: flex;
        flex-direction: column;
        justify-content: center;
        border-top: 1px solid #ddd;
		
    }
    .list_table > dt {
        width: 100%;
    }
    .list_table > dd {
        width: 100%;
        border-right: 1px solid #ddd;
		font-size: 14px;
    }

}

.com_row{
display: flex;
justify-content:space-between;
flex-wrap: wrap;
margin:20px auto 0;
}

.com_col01{
width: 70% ;
padding: 0 0 0 0;
font-size: 16px;
text-align: left;
}
.com_col02{
width: 30% ;
padding:10px 0 0 0;
margin: 0;
text-align: right;
}





@media screen and (max-width: 979px) {
.comp_box{
margin: 20px auto;
width: 90%;
}
.com_row{
display: flex;
justify-content:space-between;
flex-wrap: wrap;
margin:20px auto 0;
font-size: 14px;
}

.com_col01{
width: 100% ;
padding: 0 0 0 0;
font-size: 14px;
text-align: left;
}
.com_col02{
width: 100% ;
padding:10px 0 0 0;
margin: 0;
text-align: right;
}


}
/* ############   地図*/

.google-maps {
position: relative;
padding-bottom: 30%; // これが縦横比
height: 0;
overflow: hidden;

}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
padding: 0 0 80px 0;
}

.map_row{
display: flex;
list-style: none;
font-size: 80%;
text-align: left;
flex-flow: wrap;
}

.map_row li{

font-size: 80%;

}


.map_row img{
width: 30px;
padding: 0 10px 5px 0;
}

.row{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin:20px auto 0;
}

.col25{
margin:20px 20px 20px 0;
width: calc(25% - 20px) ;
text-align: center;
}

.col25 p{
margin:20px auto 0;
padding: 0 10px;
text-align: left;
}

.col25:nth-child(4n){
margin-right:0;
}

@media screen and (max-width: 979px) {
.row{
display: flex;
justify-content: center;
flex-wrap: wrap;
margin:10px auto 0;
width:100%;
font-size: 90%;
}

.col25{
margin:20px auto 0;
width: calc(50% - 10px) ;
text-align: center;
}

.col25 p{
margin:10px auto 0;
padding: 0 ;
text-align: left;
}
.map_row img{
width: 30px;
padding: 0 5px 5px 0;
}

}

input[type=text]{
margin: 10px;
text-align: left;
padding: 10px;
}


input[type=radio]{
margin: 10px;
text-align: left;
padding: 10px;
}

select{
margin: 10px;
text-align: left;
padding: 10px;

}
textarea{
margin: 10px;
text-align: left;
padding: 10px;

}

.inq_box {
    display: block;
    margin: 50px auto 0;
    border: #032f54 2px solid;
    background-color: #ffffff;
    box-shadow: 5px 5px 0px 0 #032f54;
    text-decoration: none;
    padding: 15px;
    font-size: 22px;
    color: #032f54;
    width: 90%;
    font-weight: bold;
    text-align: center;
}

.inq_box:hover {
border:  #032f54 2px solid;
background-color: #032f54;
 box-shadow: 5px 5px 0px 0 #ffcc33;
 color: #ffcc33;
}

@media screen and (max-width: 979px) {
.inq_box  {
margin: 20px auto 0;

}
}




.footer{
width: 100%;
margin: 50px auto 0;
padding: 50px 0;
color: #ffffff;
font-size: 70%;
background-color: #032f54;
}


.footer a{

color: #ffffff;

 }
 
 @media screen and (max-width: 979px) {
 .footer{
width: 100%;
margin: 50px auto 0;
padding: 20px 0 100px 0;
color: #ffffff;
font-size: 70%;
background-color: #032f54;
}

 }

/* 2023.6.13追加分 ############################################ */

.title_a {
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
    color: #05a6a3;
    font-size: 40px;
    text-align: center;
    font-weight: normal;
    line-height: 1.4;

}
.title_a_boder {
    width: 30%;
    position: relative;
    padding: 0;
    border-bottom: 2px solid #05a6a3;
    margin: 10px auto 50px;
	
}

.title_a_boder:before {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 10%;
    height: 2px;
    content: '';
    background: #333333;
}



/* ############  スライダー CSS*/


.slider_box{
  overflow: hidden;
background: url('../img/top_phot_bg.png') top center repeat;
padding: 20px 0;
	}
	
.slider_in {
margin: 0 auto;
display: flex;
width:100%;
height:100%;
overflow: hidden;
padding: 20px 0;
}
.slider__inner {
display: flex;
width:100%;
height:100%;
overflow: hidden;
}

.slider__inner img {
  width:460px;
   }
    .slider__inner:first-child {
      animation: loop 90s linear infinite;
    }
     
    .slider__inner:nth-child(2) {
      animation: loop2 90s -60s linear infinite;
    }
     
    .slider__inner:last-child {
      animation: loop3 90s -30s linear infinite;
    }
     
    @keyframes loop {
      0% {
        transform: translateX(200%);
      }
      to {
        transform: translateX(-100%);
      }
    }
     
    @keyframes loop2 {
      0% {
        transform: translateX(100%);
      }
      to {
        transform: translateX(-200%);
      }
    }
     
    @keyframes loop3 {
      0% {
        transform: translateX(0%);
      }
      to {
        transform: translateX(-300%);
      }
    }

    @keyframes loop4 {
      0% {
        transform: translateX(-100%);
      }
      to {
        transform: translateX(-300%);
      }
    }


    .reverse__inner:first-child {
      animation: loop4 90s linear infinite;
    }
     
    .reverse__inner:nth-child(2) {
      animation: loop5 90s -60s linear infinite;
    }
     
    .reverse__inner:last-child {
      animation: loop6 90s -30s linear infinite;
    }
     
    @keyframes loop4 {
      0% {
        transform: translateX(-100%);
      }
      to {
        transform: translateX(200%);
      }
    }
     
    @keyframes loop5 {
      0% {
        transform: translateX(-200%);
      }
      to {
        transform: translateX(100%);
      }
    }
     
    @keyframes loop6 {
      0% {
        transform: translateX(-300%);
      }
      to {
        transform: translateX(0%);
      }
    }




.company_txt_box {
    margin: 0 auto;
    padding:40px 0 20px 0;
    width: 1000px;
    text-align: left;
}

.company_box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: wrap;
    margin: 30px auto;
    border-radius: 50%;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    color: #05a6a3;
    text-align: center;
    background: url(../img/top_phot_bg.png) top center repeat;
}

.com_small {
    color: #05a6a3;
    font-size: 16px;
    text-align: center;
    line-height: 1.4;
}
.com_big_txt {
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
    color: #05a6a3;
    font-size: 60px;
    text-align: center;
    line-height: 1.4;
}

.com_sub_txt {
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
    text-align: center;
    font-size: 20px;
}

 @media screen and (max-width: 979px) {
 .company_txt_box {
    margin: 0 auto;
    padding:20px 0 20px 0;
    width: 100%;
    text-align: left;
}


.company_box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: wrap;
    margin: 30px auto;
    border-radius: 50%;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    color: #05a6a3;
    text-align: center;
    background: url(../img/top_phot_bg.png) top center repeat;
}

.com_small {
    color: #05a6a3;
    font-size: 14px;
    text-align: center;
    line-height: 1.4;
}
.com_big_txt {
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
    color: #05a6a3;
    font-size: 50px;
    text-align: center;
    line-height: 1.4;
}

.com_sub_txt {
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
    text-align: left;
    font-size: 16px;
	display: block;
	padding: 10px ;
	margin: 0 auto;
}




 }