@charset "utf-8";
/*
Theme Name: dreams e7
Theme URI: https://www.drcom.co.jp/
Description: dreams e7
Version: 7.22
Author: dreams company inc
Author URI: https://www.drcom.co.jp/
Tags: simple Wordpress7系

	dreams e7
	 http://www.drcom.co.jp/


*/
*{margin:0;padding:0;}
body{
font: 16px/1.5 'M PLUS 1p', sans-serif;
color:#333333;
 background: #fff  no-repeat center top;
-webkit-text-size-adjust: 100%;
min-width: 1200px;
}

/*************
/* リンク色の設定
*************/
a{color:#00a0a0;text-decoration:none;}
a:hover{color:#669; border-bottom: solid 3px #bc6;}
a:active, a:focus {outline: 0;}
img{border:0;}
.clear{clear:both;
}


/*************
全体
*************/

#site {
width: 100%;
background: #FFF;
margin: 0 auto;
	overflow: hidden;
}

#wrapper{
width: 1200px;
margin: 0 auto;
}

/*************
レスポンシブ設定
*************/
.rbox{
float: left;
width: 47%;
/* height: 500px; */
margin: 10px 10px;
line-height: 1.4;
}

.rbox_img{
padding: 10px 10px;
}

/*************
/* ヘッダー
*************/
#header{
/* background: #FFF; */
width: 1200px;
	/* height: 120px; */
	position: relative; 
	top: 0%;
	
	/* z-index:10; */
	font-size:15px;
	position:fixed; 
z-index: 1000;

}
*{
    box-sizing: border-box;
}
ul,li{
    white-space: nowrap;
	list-style: none;
    margin: 0;
    padding: 0;
}
ul li a{
    display: block;
    color: #fff;
padding: 20px;
    text-align: center;
}
ul.menu li a:hover{
    text-decoration: none;
    color: #fff;
/*    background-color: #032a7f; */
	background-color: #032a7f;
	transition: .3s;
}
ul.menu{
    width: 100%;
    display: flex;
}
ul.menu > li{
    width: 25%;
}
ul.menu > li > a{
	background-color: #032a7f;
    border-right: 1px solid #fff;
}
ul.menu > li > ul{
    display: none;
}
ul.menu li:hover a + ul{
	display: block;
}
ul.menu > li > ul > li > a{
    width: 100%;
	background-color: #032a7f;
    border-top: 1px solid #fff;
}

#header_mob{
background-color: red;
height: 0px;
width: 500px;
position: fixed;
z-index: 1000;
}

#header_mob h1 {
padding: 4px 0 20px;
font-size: 10px;
font-weight: normal;
color: #333300;
}


/*************
/* 隠しメニュー
*************/
/* スマホ用デフォルト非表示（PCでは出さない） */
.sp-header {
  display: none;
}

/* 横幅600px以下で表示 */
@media (max-width: 600px) {
  .sp-header {
    display: block;
    position: relative;
  }

  /* チェックボックスは非表示 */
  .menu-toggle {
    display: none;
  }

  /* メニューボタン */
  .menu-button {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    cursor: pointer;
    z-index: 1001;
  }

  /* ドロワー初期状態（非表示・右に隠す） */
  .sp-drawer {
    position: fixed;
    top: 0;
    right: -250px;
    width: 500px;
    height: 100%;
    background-color: #032a7f;
    transition: right 0.3s ease;
    z-index: 1000;
    padding-top: 0px;
  }

  .sp-drawer ul {
    list-style: none;
    padding: 0;
    margin: 0;

  }

  .sp-drawer ul li {
    border-bottom: 1px solid #444;
  }

  .sp-drawer ul li a {
    display: block;
    padding: 5px;
    color: white;
    text-decoration: none;
  }

  .sp-drawer ul li a:hover {
    background: #555;
  }

  /* チェックが入ったら表示 */
  .menu-toggle:checked ~ .sp-drawer {
    right: 0;
  }
}



/*************
メイン2固定ページ（右側）コンテンツ
*************/
#main2 {
float: left;
width: 880px;
font-size: 16px;
padding: 0px 0;
display: inline;
	position: static;
	z-index: 0;
}
.messagee {
width: 98%;
padding: 20px 20px;
text-align: left;
}







    /*透過バックグランドの設定*/
.bg255{
    /*位置の設定*/
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;

    /*背景画像の設定*/
	background-image: url("https://skyshoot.pro/wp-content/themes/dreams_e7/images/background.jpg");
    background-size: cover;

    /*透過の設定*/
    opacity: 0.5;
}


.lll01 {
	width: 98%;
	font-size: 16px;
	text-align: left;
	position: relative;
	padding: 10px 1px 10px 40px;
	border: 1px solid #ccc;
}
.lll01::after {
	position: absolute;
	top: .5em;
	left: .5em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color: #032a7f;
	border-radius: 4px;
}

a.btn--orange {
	color: #fff;
	background-color: #032a7f;
	border-bottom: 5px solid #024020;
}
a.btn--orange:hover {
	margin-top: 3px;
	color: #fff;
	background: #335a9f;
	border-bottom: 2px solid #046040;
}
a.btn--shadow {
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}








#main2 h5 {
font-size: 22px;
line-height: 30px;
padding-left: 10px;
padding-bottom: 10px;
margin-top: 25px;
letter-spacing: 0em;
font-weight: bold;
color: #333333;
}

#main2 p {
padding: 15px 15px 15px 20px;
}

/* 画像を右に回りこみ */
#main2 p.withImage{
width: 100%;
margin: 0px 0 10px 10px;
padding: 5px 0;
}

#main2 p.withImage img{
float: right;
margin-left: .5em;
}


/*****固定ページdiv回り込み設定*****/

#ppage_left {
float: left;
width: 235px;
font-size: 16px;
padding: 0px 0;
display: inline;
	position: static;
	z-index: 0;
}

#ppage_right {
width: 98%;
padding: 0px 20px;
float: left;
position: relative;
margin-bottom: 0;
top: 0px;
z-index: 1;
font-size: 16px;
display: inline-block; _display: inline;
}
















/*************
メイン hed固定ページ（右側）コンテンツ 1カラム用
*************/
#main_hed {

width: 100%;
font-size: 16px;
padding: 0px;
display: inline;
position: static;
z-index: 0;
margin: 0 auto;
}

/*
#main_hed h2{
padding: 0 10px 0px 20px;
line-height: 50px;
font-size: 30px;
font-weight: bold;
color: #fff;
background: #fff; 
margin: 0px 0px 30px 0px;
}
*/

#main_hed h3 {
font-size: 22px;
line-height: 40px;
padding-left: 20px;
padding-bottom: 10px;
margin-top: 25px;
letter-spacing: 0em;
font-weight: bold;
color: #333333;
}

#main_hed h4 {
font-size: 22px;
line-height: 40px;
background: url(images/h4.png) no-repeat ;
padding-left: 35px;
padding-bottom: 10px;
margin-top: 25px;
letter-spacing: 0em;
font-weight: bold;
color: #338833;
}

#main_hed h5 {
font-size: 22px;
line-height: 30px;
padding-left: 10px;
padding-bottom: 10px;
margin-top: 25px;
letter-spacing: 0em;
font-weight: bold;
color: #333333;
}

#main_hed p {
padding: 15px 15px 15px 20px;
}

/* 画像を右に回りこみ */
#main_hed p.withImage{
width: 700px;
margin: 20px 0 10px 10px;
padding: 5px 0;
}

#main_hed p.withImage img{
float: right;
margin-left: .5em;
}


/*****メイン・プログdiv横並び設定*****/

.mbox{
float: left;
width: 27%;
height: 500px; 
margin: 10px 20px 10px 20px;
line-height: 1.4;
}

.mbox_img{
padding: 30px 0px 0px 0px;
}






/*************
/* お客様声バック色
*************/

/* トップページの　おしらせ */

#msg_set{
background-size:100% auto;
background: #000000;
overflow: hidden;

margin: 0 auto;
}

#date {
text-align: right;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 10px;
font-weight:bold;
color:#333388;
}

#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}

/* フッター共通 */
.box{
float: left;
width: 27%;
height: 500px; 
margin: 20px 10px 10px 40px;
line-height: 1.4;
}

.box_img{
padding: 30px 0px 0px 0px;
}

.last{margin-right:0;}


/* ボタン */
p.button{
text-align: center;
font-weight:bold;
padding: 10px 0;
}

p.button a{
display:block;
line-height: 32px;
background: #ffffff url(images/button.png) no-repeat;
margin: 0 -20px;
}

p.button a{color:#1793d9;}
p.button a:hover{color:#fff;}

p.button a:hover{
cursor:pointer;
background-position: 0 -32px;
}

/* メインとフッターのリスト位置調節 */
#main ul, #footer ul{margin-left: 20px;}
#main li, #footer li{margin-bottom: 3px;}


/*************
サイドバー（左側）コンテンツ
*************/
#sidebar {
width: 310px;
padding: 0px 0;
	float: left;
 position: relative;
  margin-bottom: 0;
  top: 0px;
  z-index: 1;
font-size: 16px;
	word-break: break-all;
}

#sideblok {
    width : 98%;
    font-size:18px;
    line-height: 1.2;
	padding: 0px 0px;
    margin: 0 auto; 
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}


/*************
/* フッター
*************/
#footer {
clear:both;
width: 100%;
padding: 170px 30px 30px 30px;
text-indent: 0px;
 /* border-top: 0px solid #cccccc; */
height:600px;
font-size: 20px;
color: #000;

background-image: url("https://tanteijapan.or.jp/wp-content/themes/dreams_e7/images/footer_background.png.");
}
#footer_mgs {
width: 1200px;
line-height: 1.5;
margin: 0 auto;
}


#footer_bottom {
clear:both;
padding: 10px 30px 30px 30px;
text-indent: 0px;
border-top: 0px solid #cccccc;
font-size: 2.0vw;
color: #666;
background: #000060;
}

address{
font-style:normal;
padding: 10px 0 3px;
text-align: center;
font-family: 'Kosugi Maru', sans-serif;
font-family: 'Lato', sans-serif;
font-weight: 600;
font-size: 1.5vw;
clear:both;
display:block;
background: #000060;
}

.topimg_center {  
    width: 100%;  
    border: 0px solid #fff;  
}  
.topimg_center div   {  
    width: 90%;  
    border: 0px solid #fff;  
    margin: 0 auto; 
    text-align: left;
}  


/*****div横並び設定*****/

.fbox{
width: 25%; 
float: left;
padding: 2px 2px;
text-align: left;
display: inline-block;
}
.mafter{
 clear:both;
}

#footer a {
	color:#fff;
	text-decoration:none;
	text-shadow: 1px 2px 3px #000;
}
#footer a:hover{
	color:#55a;
	border-bottom: solid 3px #bc6;
}

/*****インプット入力フォーム*****/
input{
width:100%;
height:40px;
font-size:20px;
}

textarea{
width:100%;
height:200px;
font-size:20px;
}

SELECT {
height:40px;
font-size:20px;
}

input[type=radio] {
width:20px;
height:20px;
font-size:16px;
}

input[type=checkbox] {
width:20px;
height:20px;
font-size:20px;
}

/*****トップページ画像文字重ね設定*****/
.relative {
    position: relative;
}
.absolute {
    position: absolute;
    bottom: 25%;
    left: 40px; 
    font-size:25pt;
line-height: 1.4;
color: #778899;
}

.absolute2 {
    position: absolute;
    bottom: 30%;
    left: 40%; 
    font-size:25pt;
line-height: 1.4;
color: #778899;
}

.absolute3 {
    position: absolute;
    bottom: 30%;
    left: 50%; 
    font-size:25pt;
line-height: 1.4;
color: #778899;
}

.absolute4 {
    position: absolute;
    bottom: 15%;
    left: 20%; 
    font-size:25pt;
line-height: 1.4;
color: #778899;
}

.absolute5 {
    position: absolute;
    bottom: 25%;
    left: 40px; 
    font-size:25pt;
line-height: 1.4;
color: #778899;
}

.absolute .topt1 {
    white-space: nowrap;
    font-size:25pt;
line-height: 1.4;
color: #252525;
    text-shadow: 2px 2px 1px #fff,
    -2px 2px 1px #fff,
    2px -2px 1px #fff,
    -2px -2px 1px #fff;
}

.absolute .topt2 {
    white-space: nowrap;
    font-size:16pt;
    line-height: 1.4;
    color: #252525;
    text-shadow: 1px 1px 1px #fff,
    -1px 1px 1px #fff,
    1px -1px 1px #fff,
    -1px -1px 1px #fff;
}

.absolute2 .topt1 {
    white-space: nowrap;
    font-size:25pt;
line-height: 1.4;
color: #252525;
    text-shadow: 2px 2px 1px #fff,
    -2px 2px 1px #fff,
    2px -2px 1px #fff,
    -2px -2px 1px #fff;
}

.absolute2 .topt2 {
    white-space: nowrap;
    font-size:16pt;
line-height: 1.4;
color: #252525;
    text-shadow: 2px 2px 1px #fff,
    -2px 2px 1px #fff,
    2px -2px 1px #fff,
    -2px -2px 1px #fff;
}

.absolute3 .topt1 {
    white-space: nowrap;
    font-size:25pt;
line-height: 1.4;
color: #252525;
    text-shadow: 2px 2px 1px #fff,
    -2px 2px 1px #fff,
    2px -2px 1px #fff,
    -2px -2px 1px #fff;
}

.absolute3 .topt2 {
    white-space: nowrap;
    font-size:16pt;
line-height: 1.4;
color: #252525;
    text-shadow: 1px 1px 1px #fff,
    -1px 1px 1px #fff,
    1px -1px 1px #fff,
    -1px -1px 1px #fff;
}

.absolute4 .topt1 {
    white-space: nowrap;
    font-size:25pt;
line-height: 1.4;
color: #fff;
    text-shadow: 1px 1px 1px #fff,
    -1px 1px 1px #fff,
    1px -1px 1px #fff,
    -1px -1px 1px #fff;
}

.absolute4 .topt2 {
    white-space: nowrap;
    font-size:16pt;
line-height: 1.4;
color: #fff;
}

/*****トップページのP設定*****/
.topt0e {
    white-space: nowrap;
    font-weight: bold;
    font-size:14pt;
    line-height: 1.4;
    color: #fff;
    background: #223699;
    text-align: center;
    padding: 12px 25px;
}





.topt0 {
    white-space: nowrap;
    font-weight: bold;
    font-size:18pt;
    line-height: 1.4;
    color: #fff;
    background: #f00;
    text-align: center;
    padding: 15px 30px;
}

.topt3 {
    background: #fff;
    border: 0px solid #DDD;
    border-radius: 20px;
    -moz-border-radius: 20px;
　　-webkit-border-radius: 20px;

    width: 330px;
    padding: 10px 0;
    font-weight: bold;
    font-size:26px;
    color: #555;
    text-align: center;
    margin: 0 auto; 
}

.topt5 {
    white-space: nowrap;
    font-weight: bold;
    font-size: 5vw;
    line-height: 1.4;
    color: #333333;
    /* background: #000090; */
	/* background: url("images/background_bar.jpg"); */
    padding: 15px 40px;
    border-bottom: solid 3px #87CEFA;
}

.topt6 {
    white-space: nowrap;
    font-weight: bold;
    font-size:18pt;
    line-height: 1.4;
    color: #333;
    padding: 15px 40px;
}
/*****メッセージボタン文字重ね設定*****/
.msg01 {
    width : 50%;
      white-space: nowrap;
    font-weight: bold;
    font-size:24pt;
    line-height: 1.2;
    color: #fff;
    background: #f00;
    text-align: center;
    padding: 15px 30px;
    margin: 0 auto; 
}
.msg02 {
    white-space: nowrap;
    width : 50%;
    font-weight: bold;
    font-size:24pt;
    line-height: 1.2;
    color: #fff;
    background: #00f;
    text-align: center;
    padding: 15px 30px;
    margin: 0 auto; 
}
.msg03 {
    white-space: nowrap;
    width : 91%;
    height : 200px;
    font-weight: bold;
    font-size:24pt;
    line-height: 1.2;
    color: #fff;
    background: #070;
    text-align: center;
    padding: 15px 30px;
    margin: 0 auto; 
}

.msg04 {
    white-space: nowrap;
    width : 91%;
    height : 200px;
    font-weight: bold;
    font-size:24pt;
    line-height: 1.2;
    color: #fff;
    background: #007;
    text-align: center;
    padding: 15px 30px;
    margin: 0 auto; 
}

.msg05 {

    width : 85%;
    border: 1px solid #DDD;
    font-size:2vw;
    font-weight: bold;
	line-height: 1.2;
    color: #333;
	background: #fff;
    padding: 15px 30px;
    margin: 0 auto; 
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.msg06 {
    width : 85%;
    border: 1px solid #DDD;
    font-size:18px;
    line-height: 1.2;
    color: #333;
	/* background-image: url("https://skyshoot.pro/wp-content/themes/dreams_e4/images/top_img101.png"); */
	background-size:cover;
	padding: 15px 30px;
    margin: 0 auto; 
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.msg07a {

    width : 98%;
    height: 300px;
    border: 1px solid #DDD;
    font-size:18px;
    line-height: 1.2;
    color: #333;
	background-image: url('https://tanteijapan.or.jp/wp-content/themes/dreams_e7/images/back_img1.png');
	background-size:100% auto;
    padding: 15px 10px;
    margin: 0 auto; 
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.msg07b {

    width : 98%;
    height: 300px;
    border: 1px solid #DDD;
    font-size:18px;
    line-height: 1.2;
    color: #333;
	background-image: url('https://tanteijapan.or.jp/wp-content/themes/dreams_e7/images/back_img2.png');
	background-size:100% auto;
    padding: 15px 10px;
    margin: 0 auto; 
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.msg07c {

    width : 100%;
    height: 300px;
    border: 1px solid #DDD;
    font-size:18px;
    line-height: 1.2;
    color: #333;
	background-image: url('https://tanteijapan.or.jp/wp-content/themes/dreams_e7/images/back_img3.png');
	background-size: auto 100%;
    padding: 15px 10px;
    margin: 0 auto; 
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.msg07d {

    width : 98%;
    height: 200px;
    border: 1px solid #DDD;
    font-size:18px;
    line-height: 1.2;
    color: #333;
	background-image: url("http://www.fkyoko.jp/html/wp-content/themes/dreams_e4/images/sub_img002.jpg");
	background-size: auto 100%;
    padding: 15px 10px;
    margin: 0 auto; 
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.msg07e {

    width : 98%;
    height: 200px;
    border: 1px solid #DDD;
    font-size:18px;
    line-height: 1.2;
    color: #333;
	background-image: url("http://www.fkyoko.jp/html/wp-content/themes/dreams_e4/images/sub_img003.jpg");
	background-size: auto 100%;
    padding: 15px 10px;
    margin: 0 auto; 
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}


.msg08 {

    width : 98%;
    border: 3px solid #f99;
    font-size:16px;
    line-height: 1.5;
    color: #333;
	background: #fff;
	padding: 15px 20px;
    margin: 0 auto; 
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.msg09 {

    width : 85%;
    border: 1px solid #DDD;
    font-size:20px;
    font-weight: bold;
	line-height: 1.2;
    color: #333;
	background: #9cc;
    padding: 20px 20px;
    margin: 0 auto; 
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.msg10 {

    width : 98%;
    border: 1px solid #DDD;
    font-size:20px;
    font-weight: bold;
	line-height: 1.2;
    color: #333;
	background: #494;
	padding: 20px 10px;
    margin: 0 auto; 
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}


.msg11 {

    width : 98%;
    border: 1px solid #DDD;
    font-size:18px;
    line-height: 1.2;
    color: #333;
	background: #fff;
	padding: 20px 10px;
    margin: 0 auto; 
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.msg11w {

    width : 98%;
    border: 1px solid #fff;
    font-size:18px;
    line-height: 1.2;
    color: #333;
	background: #fff;
    padding: 15px 10px;
    margin: 0 auto; 
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	text-align:left;
}

.msg12 {

    width : 98%;
    height: 200px;
    border: 1px solid #DDD;
    font-size:18px;
    line-height: 1.2;
    color: #333;
	background: #fff;
    padding: 15px 10px;
    margin: 0 auto; 
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.msg13 {
	font-size:25px;
	text-align:center;
	line-height:0.95em;
	font-weight:bold;
	color: #fffff0;
	text-shadow: 
		0 0.1em 0.1em rgba(0,0,0,0.7);
}

/*****枠アリ灰色90%設定*****/
.msg14g {

    width : 90%;
    border: 1px solid #DDD;
    font-size:16px;
    color: #333;
	background: #fff;
    padding: 15px 10px;
    margin: 0 auto; 
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

/*****枠アリ赤色90%設定*****/
.msg14r {

    width : 90%;
    border: 1px solid #f99;
    font-size:16px;
    color: #333;
	background: #fff;
    padding: 15px 10px;
    margin: 0 auto; 
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

/*****枠無し95%設定*****/
.msg15 {

    width : 95%;
    border: 0px solid #fff;
    font-size:16px;
    color: #333;
	background: #fff;
    padding: 15px 20px;
    margin: 0 auto; 

}

/*****メッセージボタン文字重ね設定*****/

.mtitle01 {
	font-size: 18px;
	color: #000;
	padding: 0.5rem 1rem;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.mtitle02 {
	font-size: 18px;
	color: #000;
	padding: 0.5rem 1rem;
  border-bottom: 3px dotted #ccc;
}

/*************
/* 会社概要罫線
*************/
table.type04 {
    border-collapse: separate;
    border-spacing: 1px;
    text-align: left;
    line-height: 1.5;
    border-top: 1px solid #ccc;
}
table.type04 th {
    width: 15%;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
}
table.type04 td {
    width: 600px;
    padding: 10px;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
}

/*************
/* Q&A用吹き出し
*************/

.balloon1-left {
 	position: relative;
	display: inline-block;
 	margin: 1.5em 0 1.5em 15px;
	padding: 7px 10px;
	min-width: 120px;
 	max-width: 100%;
 	color: #555;
	font-size: 16px;
	background: #e0edff;
}

.balloon1-left:before{
	content: "";
	position: absolute;
	top: 50%;
	left: -30px;
 	margin-top: -15px;
	border: 15px solid transparent;
	border-right: 15px solid #e0edff;
}

.balloon1-left p {
	margin: 0;
	padding: 0;
}

.balloon1-right {
 	position: relative;
	display: inline-block;
 	margin: 1.5em 15px 1.5em 0;
	padding: 7px 10px;
	min-width: 120px;
 	max-width: 100%;
 	color: #555;
	font-size: 16px;
	background: #e0edff;
}

.balloon1-right:before{
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
 	margin-top: -15px;
	border: 15px solid transparent;
	border-left: 15px solid #e0edff;
}

.balloon1-right p {
	margin: 0;
	padding: 0;
}

/*************
/* 背景透過設定
*************/
.backimg {

    /*背景画像の設定*/
	background: url(images/background_top.jpg);
    background-size: cover;
    /*透過の設定*/
    /* opacity: 0.5; */
}
.bkRGBA{
  /* 背景画像の透過用css */
  height: 100%;
  background: rgba(255,255,255,0.5);
}


/*************
/* 隠しメニュー
*************/
.hidden_box {
/*    margin: 10px 0px 30px 0px; 前後の余白*/
}

/*ボタン装飾*/
.hidden_box label {
 	position: relative;
	top: -90px;
	right: -90%;
	padding: 0px 10px 10px 10px;
	font-size: 40px;
    font-weight: 900px;
	color: #fff;
    background: #ffeeff;
	border: solid 3px #ffbbff;
    cursor :pointer;
	-webkit-text-stroke: 3px;
}


/*ボタンホバー時*/
.hidden_box label:hover {
	color: #647f64;
	background: #fff;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 15px 0;
    height: auto;
    opacity: 1;
}



.topt5e {
	margin: 0.5em auto;  
	padding: 5px;
	width: 90%; /*幅の調節*/
	height: 100%; /*高さの調節*/

	color: #000000; /*文字色*/
 	background-color: #fea8fa; /*背景色*/
	border: 3px solid #a868a8; /*線の太さ・色*/
	border-radius: 8px; /*角の丸み*/ 
}



/*リンクをホバーすると浮く*/

.float_text {
	text-decoration: none;
	transition : text-shadow .5s;
}
.float_text:hover {
	text-shadow: 0 4px 4px;
}


/*************
/* トップSlider部文字アニメーション
*************/

#anime01 {

}
div
#appear-block {
  display        : inline-block;
  color          : #ffffff;            /* 文字の色 */
    position: absolute;
	top  : 140px;
	
	text-shadow    : 
       3px  3px 5px #003366,
      -3px  3px 5px #003366,
       3px -3px 5px #003366,
      -3px -3px 5px #003366,
       3px  0px 5px #003366,
       0px  3px 5px #003366,
      -3px  0px 5px #003366,
       0px -3px 5px #003366;        /* 文字の影 */
}


.appear {
    transform-origin: center top;
    animation: show 1s both;
}
p.appear {
 font-size: 25px;
} 
p.appear:last-child {
    margin: 0;
}
 
.dh { animation-delay: 0.5s; }
.d1 { animation-delay: 2s; }
.d1h { animation-delay: 3.5s; }
.d2 { animation-delay: 3s; }
 
@keyframes show {
    0% {
        transform: translate(0,50px);
        opacity: 0;
    }
    100% {
        transform: translate(0,0);
        opacity: 1;
    }
}

/*************
/* 画像を丸くして、マウスオーバーで拡大する　アニメーション
*************/


#thumbnail {
    width: 170px;
    margin: 0 auto;
}
#circle {
    width: 170px;
    height: 170px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
#circle img {
    transition: .3s ease-in-put;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    position: relative;
    z-index: 0;
}
a:hover #circle img {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
}


/* CF7ラジオボタンを縦並びに */
.wpcf7-radio .wpcf7-list-item {
margin-top:5px;
display: block;
}


/*************
/* 影文字・アウトライン表示(枠文字)
*************/

.outlinef {
  display        : inline-block;
  color          : #ffffff;            /* 文字の色 */
  text-shadow    : 
       3px  3px 5px #003366,
      -3px  3px 5px #003366,
       3px -3px 5px #003366,
      -3px -3px 5px #003366,
       3px  0px 5px #003366,
       0px  3px 5px #003366,
      -3px  0px 5px #003366,
       0px -3px 5px #003366;        /* 文字の影 */
}