@charset "UTF-8";


/*---------------------------- PC向けのスタイル ----------------------------*/



/*---------- ページ全体の指定 ----------*/

body {
  width: 100%;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS P ゴシック", "MS P Gothic", sans-Serif;
  margin: 0;
  padding: 0;
  font-size: 16px;
  color: #333333;
  background-color: #ffffff;
  -webkit-text-size-adjust: none;
}

h2 {
	color: #82ae46;
	font-size: 24px;
	display: flex;
	align-items: center;
    margin-bottom:0px;
    margin-top:30px;
    font-style: italic;
    font-family: serif;
    font-weight:lighter;
}
h2:before, h2:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #82ae46;
	display: block;
}
h2:before {
	margin-right: .4em;
}
h2:after {
	margin-left: .4em;
}

.sub-title{
    text-align: center;
    color:#726250;
    margin-bottom:0px;
    margin-top:-5px;
    font-size:12px;

}

/*---------- ヘッダー ----------*/

header{
        text-align: center;
        min-width:1100px;
    }
    

.menu{
    height:65px;
    background-color:#c7a5cc;
}

.menu-bar{
    height:65px;
    width:1100px;
    margin:0 auto;
}

.left-logo{
    width:330px;
    height:65px;
    float: left;
}

.right-menu{
    width:770px;
    height:65px;
    float: left;
}

nav{
text-align: center;
}
nav ul{
margin: 0 ;
padding: 20px 0px 0px 0px ;
}
nav li{
list-style: none;
display: inline-block;
width: 120px;
}
nav li:not(:last-child){
border-right:2px solid #ddd;
}
nav a{
text-decoration: none;
color: white;
}
nav a.current{
color: #00B0F0;
border-bottom:2px solid #00B0F0;
}
nav a:hover{
color:#F7CB4D;
border-bottom:2px solid #F7CB4D;
}


.mainimg{
    background-color:#eee8aa;
    width:100%;
    height:498px;
}

.m{
    
    width:1100px;
}


.change-box{
    text-align: center;
}

/*---------- con1 ----------*/

.con1{
    min-width:1000px;
    height:790px;
    width:1000px;
    margin:0 auto;
}

.me1{
    background-color:#e8ffd1;
    height:160px;
    margin:0 auto;
    border-radius: 20px 20px 20px 20px;
    margin-top:60px;
}

.p1{
    font-size:30px;
    font-style: italic;
    color:#726250;
    padding-left:50px;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.me2{
    background-color:#e8ffd1;
    height:160px;
    width:1000px;
    margin:0 auto;
    border-radius: 20px 20px 20px 20px;
    margin-top:100px;
}

.me3{
    background-color:#e8ffd1;
    height:160px;
    width:1000px;
    margin:0 auto;
    border-radius: 20px 20px 20px 20px;
    margin-top:100px;
}

.t-right{
    width:300px;
    float: right;
    margin-top:-22px;
    margin-right:20px;
}

.point {
    width:1000px;
}

.point1 {
    width:1000px;
    padding-top:50px;
}

/*---------- con2 
           サンプル----------*/

.con2{
    padding-top:10px;
    padding-bottom:30px;
    background-color:#e8ffd1;
    height:500px;
    width:100%;
    margin:0 auto;
    text-align: center;
    font-size:14px;
    
}

.movie_sample{
    margin-top:50px;
    
}

.sample-con{
    width:1000px;
    height:480px;
    margin:0 auto;
}

/*---------- con2 
             自己紹介----------*/

.con3{
    height:1750px;
    width:1000px;
    margin:0 auto;
}

.profile-hed{
    height:370px;
    width:1000px;
}

.profile-mid{
    background-color:#ffeddb;
    height:630px;
    width:1000px;
    border-radius: 30px 30px 30px 30px;
    margin-top:50px;
}

.profile-bot{
    height:500px;
    width:1000px;
    text-align: center;
    color:#726250;
    font-size:45px;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    padding-top:0px;
    margin-top:0px;
}

.profile-hed-l{
    height:370px;
    width:400px;
    float: left;
}

.profile-hed-r{
    
    height:370px;
    width:600px;
    float: left;
    
}

.website{
   text-align:center;
}

.yokota_profile{
    width:310px;
    margin-top:30px;
    margin-left:50px;
}

.profile-top{
    
    height:120px;
    width:600px;
    display: flex;
}

.profile-bottom{
    
    height:250px;
    width:600px;
}

.y_1{
    width:135px;
    float: left;
    padding-left:64px;
}


.profiletext{
    margin:0px;
    padding:0px;
    font-size:50px;
}

.profiletext-s{
    margin:0px;
    padding:0px;
    font-size:20px;
}


.name-box{
    
    height:120px;
    width:400px;
}

.name-l{
    float: left;
    padding-top:25px;
    padding-left:70px;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color:#726250;
}

.name-r{
    float: left;
    padding-top:50px;
    padding-left:15px;
    font-style: italic;
    font-family: serif;
    color:#726250;
}

.profile-text-box{
    padding:5px 0px 0px 5px;
    margin:0px;
    font-size:21px;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color:#726250;
    
}

.mid-title{
    width:800px;
    height:150px;
    padding-top:5px;
    margin:0 auto;
    font-size:45px;
    text-align: center;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color:#726250;
    
}

.mid-l{
    width:160px;
    height:400px;
    float: left;
}

.mid-r{
    
    border-left:dotted 2px #726250;
    width:837px;
    height:420px;
    float: left;
}

.keireki{
    font-size:18.5px;
    padding-left:30px;
    line-height: 60px;
    padding-top:10px;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight:lighter;
    color:#726250;
}

.keireki-r{
    font-size:18.5px;
    line-height: 30px;
    padding-top:25px;
    padding-left:20px;
    padding-right:20px;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight:lighter;
    color:#726250;
}

.movie_message{
    
}

/*---------- con4 
             プランと料金----------*/

.con4{
    padding-top:10px;
    padding-bottom:30px;
    background-color:#e8ffd1;
    height:1800px;
    width:100%;
    margin:0 auto;
    text-align: center;
    font-size:14px;
}

.plan-con{
    width:1000px;
    height:480px;
    margin:0 auto;
}

.monitor_top{
    padding-top:25px;
    width:800px;
}

.plan-title{
    color:#726250;
    font-size:25px;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    padding-top:20px;
}

.plan-title-l{
    color:#726250;
    font-size:25px;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    padding-top:20px;
    margin-left:-430px;
}

.plan_top{
    width:900px;
}

.plan-bot{
    font-size:17px;
    text-align: left;
    color:#726250;
    
}

.plan-bot li{
    list-style: none;
}
/*---------- con5 
　　　　お問い合わせフォーム----------*/

.con5{
    height:1250px;
    width:1100px;
    margin:0 auto;
}

.y_6{
    width:140px;
}

.contact-top{
    text-align: center;
}

.h3{
    font-size:10px;
}

.fot{
    padding-left:530px;
}
/*---------- フッター ----------*/

footer{
    height:200px;
    background-color:#c7a5cc;
    text-align: center;
    min-width:1100px;
}

.f-line{
    padding-top:35px;
    padding-bottom:35px;
    
}

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

.footerimg img{
  width:800px;
  margin-left:80px;
}


.copyright{
   color:white; 
}


/*---------- 特商法の表記 ----------*/
.con_toku{
    min-width:1000px;
    height:1070px;
    width:1000px;
    margin:0 auto;
}

.tokusyo_f_table{
   border-collapse: collapse;
       margin:0 auto;
border: 2px solid #82ae46; 
margin-left:10px;
margin-right:10px;
       
       
              
}

.tokusyo_f_table th{
       border:2px solid #82ae46;
       background-color:#e8ffd1;
       height:86px;
       width:200px;  
     
}


.tokusyo_f_table td{
       border:2px solid #82ae46;
       padding-left:10px;
       width:800px;
       padding-top:20px;
       padding-bottom:20px;       
       
}