@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
/* CSS Document */

/* rest.css*/
article,aside,details,figcaption,figure,footer,,hgroup,img,menu,nav,section{display:block}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}img{margin:0 auto;padding:0}/* rest.css*/

/*----------------------------------------------------------------------------------------------
    button:hover
----------------------------------------------------------------------------------------------*/ 
 @-webkit-keyframes hvr-wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes hvr-wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.hvr-wobble-vertical{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-wobble-vertical:active,.hvr-wobble-vertical:focus,.hvr-wobble-vertical:hover{-webkit-animation-name:hvr-wobble-vertical;animation-name:hvr-wobble-vertical;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}

/*----------------------------------------------------------------------------------------------
Basic Style 
----------------------------------------------------------------------------------------------*/ 
html{ font-size:62.5%;}
body{width:100%;font-family:font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size:1.8rem;line-height:1.7;}
#body__wrap{width:100%; margin: 0 auto; background:#FFF;}
#scroll {position: absolute;top: 0;left: 0;right: 0;bottom: 0;overflow-y: scroll;-webkit-overflow-scrolling: touch}
.side_photo{float: right; padding: 0 0 50px 12px;}
.youtube{ width:830px; height:450px; margin:10px auto;}
.youtube iframe{ width:830px; height:450px;}
.clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility:hidden; }
h1 {font-feature-settings: "palt" 1;}
img {display: block;}
/*----------------------------------------------------------------------------------------------
.sub-head.letter
----------------------------------------------------------------------------------------------*/ 
.sub-head{ width:100%; margin:0 auto 25px; padding:50px 0 40px;background-color: rgba(26, 26, 26, 0.89);    box-shadow: 0 5px 4px 0 rgba(100, 100, 100, 0.43);}
.sub-head h1{font-size: 4.5rem; line-height: 1.3; font-weight: bold;color: #fff;text-align: center;text-shadow: 2px 2px 5px #000000;}
.letter{width:960px;margin:0 auto 2em; padding:0;}

/*----------------------------------------------------------------------------------------------
    Styles for .font_style
----------------------------------------------------------------------------------------------*/ 
.u {text-decoration:underline;}
.b {font-weight:bold;}
.r { color:#F00;}
.rub {font-weight: bold;background-image: url(../img/base/base_border.gif);background-position: bottom;background-repeat: repeat-x;}
.p30{font-size:130%;}
.p50{font-size:150%;}
.text_c{text-align:center;}
.g{background-color:#ebebeb;}

/*----------------------------------------------------------------------------------------------
    Styles for .countdown
----------------------------------------------------------------------------------------------*/ 
#countdown__background{width:100%;height:70px; margin:-1px auto 0; background:#000;}
.countdown__txt{width:90%;margin:0 auto;font-size:4rem;font-weight:bold;color:#f3ff6b;text-align:center;padding:7px 0 0;}
.countdown__txt p{ color:#FFF; display:inline; font-size:2.4rem;}
.countdown__wrap {width:100%;height:85px;margin:0 auto;padding:0;}
.cunt_pc {background: #000;}
.cunt_sp{display:none;}

/*----------------------------------------------------------------------------------------------
    Styles for #header
----------------------------------------------------------------------------------------------*/ 
header{width:100%;margin:0 auto; padding:0;background:url(../img/hirota_opt_header_b_00.png) center bottom;}
#header__pri{width:100%;margin:0 auto 0; background: #000; }
#header__pri img{padding:17px 0; }
#header__img{width:100%;margin:0 auto; }
#header__img img{ padding: 40px 0 55px 37px;}
#header2{width: 100%;margin: 0 auto;padding: 0;background: url(../img/opt_header_bg2.png) ;    background-size: 100%;}
#header2 img{ padding: 0;}

.main-visual_pc {height: 770px;background-size: cover;text-align: center;position: relative;overflow: hidden;display: block;background-color: #000;margin: -10px auto 0;background: url(../img/opt_header_bg2.png) center bottom;
    background-size: 100%;}
.main-visual_pc img {z-index: 3;position: absolute;top: 100px;top: 0;left: 0;right: 0;bottom: 0;margin: 0 auto; padding: 5px 0 0;}
.main-visual_pc video {margin: -10px auto 0;z-index: 1;width: 100%;opacity: 0.4;}
.main-visual_sp {display: none;}

#bgvid {right:0;bottom:0;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-1;}

/*----------------------------------------------------------------------------------------------
.section__area00
----------------------------------------------------------------------------------------------*/ 
.section__area00_gray{ width: 100%; margin: 50px 0 0; background: #eeeeee;}
.section__area00_gray ul{ width: 960px; margin: 0 auto; }
.section__area00_gray ul li{ padding: 0 8px 50px 0; display: inline-block;}
.DiskBolettoTai {font-size: 2.5rem;line-height: 1.4;background: url(../img/base/base_cheack_03.png) no-repeat left top;width: 925px;font-weight: bold;padding: 0 0 20px 35px;margin: 15px auto 0px;}

/*----------------------------------------------------------------------------------------------
    Styles for .profile
----------------------------------------------------------------------------------------------*/ 
#profile{width:100%;margin:0 auto; background: url(../img/tamurapro_contents_01.png) repeat-x center top #000;background-size: 100%;}
.profile__box{ width: 960px; margin: 0 auto;}
.profile__box_txt{ width:52%; margin:100px auto 50px; float: right;}
.profile__box h2{font-size:2.8rem; color: #ebc380; line-height: 1.5;}
.profile__box h3{font-size:1.6rem; line-height: 1.3; color:#ebc380; text-align: right;    margin: 5px 10px 65px;}
.profile__box p{width:100%;margin:0 auto 20px ;font-size:1.6rem;}
.profile__box_txt img{margin: 0 0 50px;}
.profile__box_wrap{width:960px; margin: 0 auto; padding: 50px; box-sizing: border-box;  clear: both;background: rgba(255, 255, 255, 0.95); }

/*----------------------------------------------------------------------------------------------
    Styles for .voice
----------------------------------------------------------------------------------------------*/ 
#voice{width:100%;margin:0px auto;}
.voice__wrap{ width:960px; padding: 20px 50px; box-sizing: border-box; margin:0px auto 50px ; background:#FFF;border-radius: 15px;box-shadow: 4px 2px 16px rgba(0, 0, 0, 0.3); }
.voice__wrap_box{width:100%;margin:0 auto;}
.voice__wrap_box_photo{ width:35%;padding: 20px 0px 0 0;float: left;}
.voice__wrap_box_photo img{ margin: 0;}
.voice__wrap_box_txt{ width:65%; float: right;padding: 40px 0px 0 0px;}
.voice__wrap_box_txt h2{ font-size: 3rem; font-weight: bold; line-height: 1.3;}
.voice__wrap_box_txt h3{ font-size: 1.6rem; padding: 15px 0 0;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.voice__wrap_box_txt h4{ font-size: 1.8rem; padding: 10px 0; }
.voice__wrap_box_txt02{ width:67%; float: right;padding: 40px 52px 0 0px;}
.voice__wrap_box_txt02 h2{ font-size: 3.3rem; font-weight: bold; line-height: 1.3; color: #FF4F00}
.voice__wrap_box_txt02 h3{ font-size: 1.8rem; padding: 10px 0; }
.voice__wrap_box_txt02 h4{ font-size: 1.4rem; text-align: right; color: #A3A3A3; padding: 15px 0 0;}
.voice__wrap_box hr{ width:90%; margin:0 auto 20px; border-top: 1px dashed #8c8b8b;border-bottom: 1px dashed #fff; clear:both;padding:0;}
.voice__youtube{width:100%; height: 200px;}


/*----------------------------------------------------------------------------------------------
#voice_ver2
----------------------------------------------------------------------------------------------*/ 
#voice_ver2{width:100%;margin:50px auto 0; padding: 0 0 30px; background: #eeeeee;}
#voice_ver2__wrap{ width:960px; margin:0 auto ; background:#FFF;border-radius: 15px;box-shadow: 4px 2px 16px rgba(0, 0, 0, 0.3); }
.voice_ver2__wrap_box_pt01{width:100%;margin:0 auto 30px;background: url(../img/hirota_contents_b_08.png) no-repeat left bottom;}
.voice_ver2__wrap_box_pt02{width:100%;margin:0 auto 30px;background: url(../img/hirota_contents_b_09.png) no-repeat left bottom;}
.voice_ver2__wrap_box_pt03{width:100%;margin:0 auto 30px;background: url(../img/hirota_contents_b_10.png) no-repeat left bottom;}
.voice_ver2__wrap_box_pt04{width:100%;margin:0 auto 30px;background: url(../img/hirota_contents_b_11.png) no-repeat left bottom;}
.voice_ver2__wrap_box_pt05{width:100%;margin:0 auto 30px;background: url(../img/hirota_contents_b_12.png) no-repeat left bottom;}
.voice_ver2__wrap_box_txt{ width:50%; float: right;padding: 40px 40px 0 0px;}
.voice_ver2__wrap_box_txt h2{ font-size: 3.3rem; font-weight: bold; line-height: 1.3;}
.voice_ver2__wrap_box_txt h3{ font-size: 1.8rem; padding: 10px 0; }
.voice_ver2__wrap_box_txt h4{ font-size: 1.4rem; text-align: right; color: #A3A3A3; padding: 15px 0 40px;}
.voice_ver2__wrap_box_txt h5{ font-size: 2.3rem; margin: 0 0 10px; font-weight: bold; color: #c38a05; padding: 0 0 0 15px; border-left: 5px solid #c38a05; line-height: 1.3;}
.voice_ver2__wrap_box_txt img {margin:0;}
.voice_ver2__wrap_box_txt_list{width: 100%; margin: 20px auto 25px;}
.voice_ver2__wrap_box_txt_list li{padding: 0 10px 0 0;display: inline-block;}
.voice_ver2__wrap_box_txt_list li p{ font-size: 1.3rem; text-align: left; padding: 5px 0 0; line-height: 1.3;}

/*----------------------------------------------------------------------------------------------
#top_form
----------------------------------------------------------------------------------------------*/ 
#top_form{ display: none; width: 100%; margin: 0 auto;top: 0px;left: 0px;  z-index:1000; position: fixed;background-color: #000;overflow-y: scroll;}
#top_form_wrap{ width:960px; margin: 5px auto;}
#top_form_wrap_left{ width: 77%; margin:4px auto 5px; float: left;}
#top_form_wrap_left_txt input{width: 100%;box-sizing: border-box;margin: 5px 0 10px;padding: 0 10px 0 75px;border: 4px solid #FFF;font-size: 1.6rem;border-radius: 4px;background: url(../img/base/hissu.png) no-repeat left 50% #fff;height: 52px;}
#top_form_wrap_left_txt input:hover{border:4px solid #F00; background-color:#FFC;}
#top_form_wrap_right{ width: 21%; float: right; margin:8px auto 0; padding: 0;}
#top_form_wrap_right input{ width:100%;}
#top_form_wrap_right input:hover{ opacity: 0.8;}

/*----------------------------------------------------------------------------------------------
#header_form
----------------------------------------------------------------------------------------------*/ 
#header_form {width: 100%;margin: 0 auto 0;background:url(../img/hirota_header_back.png);}
#header_form_wrap{ width:960px; margin: 0 auto;}
#header_form_wrap_left{ width: 100%; margin:0 auto 5px; float: none;}
#header_form_wrap_left p{ font-weight:bold; margin:0 0 0 5px; font-size:1.6rem; color: #FFF; }
#header_form_wrap_left p img{ display:inline; margin:0 6px -5px 0;}
#header_form_wrap_left_txt input{ width:100%; box-sizing:border-box; margin:20px 0 0px; padding:16px 10px; border:4px solid #FFF;font-size:1.6rem;border-radius: 4px;}
#header_form_wrap_left_txt input:hover{border:4px solid #F00; background-color:#FFC;}
#header_form_wrap_right{width: 100%;float: none;margin: 25px auto;padding: 0;text-align: center;}
#header_form_wrap_right input{ width:100%;}
#header_form_wrap_right input:hover{ opacity: 0.8;}



/*----------------------------------------------------------------------------------------------
    Styles for #mailform__second
----------------------------------------------------------------------------------------------*/
#mailform__second{ width:100%; margin:0 auto; padding: 0 0 10px;background: radial-gradient(#575757, #000000);}
.mailform__second_img{padding:20px 0 0;text-align: center;}
.mailform__bottom{ width: 142px; height: 23px; margin: 0 auto; background:url(../img/hirota_opt_header_b_05.png) center top;}
.mailform__bottom2{ width: 142px; height: 23px; margin: 0 auto; background:url(../img/hirota_opt_header_b_04.png) center top;}
#mailform__second_wrap{ width:960px; margin:0 auto 20px;}
#mailform__second_wrap_left{ width: 100%; margin:27px auto 5px;text-align: center;}
#mailform__second_wrap_left p{ font-weight:bold; margin:0 0 0 5px; font-size:2.2rem; }
#mailform__second_wrap_left p img{ display:inline; margin:0 6px -5px 0;}
#mailform__second_wrap_left_txt input{width:85%; box-sizing:border-box; margin:5px 0 10px; padding:0 10px 0 80px; border:4px solid #FFF;font-size:1.6rem;border-radius: 4px;height: 45px;background:url(../img/base/hissu.png) no-repeat left 50% #fff;}
#mailform__second_wrap_left_txt input:hover{border:4px solid #F00; background-color:#FFC;}
#mailform__second_wrap_right{ width: 100%; margin:20px auto 0; padding: 0;text-align: center;}
#mailform__second_wrap_right input{ width:100%;}
#mailform__second_wrap_right input:hover{ opacity: 0.8;}

/*----------------------------------------------------------------------------------------------
フォーム注釈
----------------------------------------------------------------------------------------------*/
.form__must{width:10%; box-sizing:border-box; background:#fff; font-weight:bold; float:left; margin:5px 0 10px; padding:13px 0 0 10px; border:4px solid #333; border-right:none; height:70px;}
.form__must p{background:#f00; color:#fff; padding:5px;text-align: center; font-size:1.5rem!important;}

/*----------------------------------------------------------------------------------------------
    Styles for#close__img
----------------------------------------------------------------------------------------------*/ 
.close__img{ width:100%; position: relative;}
.close__img_text{ width:100%; height:100%; position:absolute; background-color: rgba(0, 0, 0, 0.8); z-index:999;}
.close__img_text h1 { width:90%; margin:90px auto 0; font-size:5rem; line-height:1.3; color:#FFF; text-align:center; font-weight:bold; text-shadow: 5px 5px 3px #333,-5px 5px 3px #333,5px -5px 3px #333,-5px -5px 3px #333;}

/*----------------------------------------------------------------------------------------------
    Styles for #footer__attention
----------------------------------------------------------------------------------------------*/ 
#footer__attention{ width:100%;}
#footer__attention p{ width:960px; margin: 0 auto; padding: 20px 0 ; font-size:1.4rem; color: #353535;}

/*----------------------------------------------------------------------------------------------
    Styles for footer
----------------------------------------------------------------------------------------------*/ 
footer {width:100%; height:auto;margin:0 auto 0; background-color: #ecf0ee;}
#footer__inner {width: 900px;margin:0 auto;padding: 30px 0 80px; font-size:1.1rem;}
#footer__inner_logo {width: 248px; float:left; padding:10px 0 0 20px;}
#footer__inner_right {width:600px; float:right;}
#footer__inner li {float: left;margin-right: 15px;list-style-type: none;padding-right: 10px;}
#footer__inner p {text-align: left;clear: both;padding-top: 5px; color:#666;}

.video{position:relative;width:100%;padding-top:0;}
.video iframe{position:absolute;top:0;right:0;width:100%;height:100%;}

/*----------------------------------------------------------------------------------------------
    Styles for footer
----------------------------------------------------------------------------------------------*/ 
table {border-collapse: collapse;width: 100%;margin:2rem auto;}
tble th,table td {padding: 10px;border-bottom: 1px solid #999;}
table th {border-bottom: 1px solid #999;text-align: left;}

.blinking{ 	-webkit-animation:blink 0.6s ease-in-out infinite alternate;     -moz-animation:blink 0.6s ease-in-out infinite alternate;     animation:blink 0.6s ease-in-out infinite alternate; color:#FF282C; font-size: 120%; }
@-webkit-keyframes blink{     0% {opacity:0;}    70% {opacity:1;} } 
@-moz-keyframes blink{     0% {opacity:0;}    70% {opacity:1;} }
@keyframes blink{     0% {opacity:0;}    70% {opacity:1;} }


.side_photo{float: left;margin: 0 20px 0 0;}
.side_photo_r{float: right;margin: 0 0 0 20px;}

.cf:before,.cf:after {content: " ";display: table;}
.cf:after {clear: both;}
.cf { *zoom: 1;}
/* マウスオーバー */
a:hover img{opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity = 50);}

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






/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
   【 max-width: 640px 】
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ 
@media screen and (max-width: 640px) {
/*----------------------------------------------------------------------------------------------
    Basic Style 
----------------------------------------------------------------------------------------------*/ 
html{ font-size:62.5%;}
body{width:100%;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size:1.5rem;line-height:1.7;}
#body__wrap{width:100%; float:none;background:#FFF; border:none;}
img{ width:100%;}
.youtube{width: 90%; height: auto; margin:15px auto 0; }
.youtube iframe{width: 100%; height: 200px;}	
.br-sp { display:none; }
.p30 {font-size: 110%;}	

/*----------------------------------------------------------------------------------------------
    Styles for .countdown
----------------------------------------------------------------------------------------------*/ 
#countdown__background{width:100%;height:auto; margin:-1px auto 0; background:#000;}
.countdown__txt{width:90%;margin:0 auto;font-size:1.8rem;font-weight:bold;color:#f3ff6b;text-align:center;padding:7px 0 0;}
.countdown__txt p{ color:#FFF; display:inline; font-size:1.8rem;}
.countdown__wrap {width:100%;height:auto;margin:0 auto;padding:0;}
.cunt_pc{display:none;}
.cunt_sp{display:block; margin-bottom: -20px;background:#000;}

/*----------------------------------------------------------------------------------------------
letter.sub-head
----------------------------------------------------------------------------------------------*/ 
.sub-head{ width:100%; margin:0 auto 1em; padding:25px 0 20px; border-bottom: 1px solid #A4A4A4;}
.sub-head h1{font-size: 5vw; font-weight: bold; line-height: 1.3;}
.letter{width:90%;margin:0 auto; padding:0;}

/*----------------------------------------------------------------------------------------------
    Styles for #header
----------------------------------------------------------------------------------------------*/ 
header{width:100%;margin:0 auto; padding:0;background:url(../img/hirota_opt_header_b_00.png) center bottom;}
#header__pri{width:100%;margin:0 auto; background: #000; }
#header__pri img{ width: 95%; padding:10px 0; }
#header__img{width:100%;margin:0 auto; }
#header__img img{width: 100%; padding:  0 ;}
.header__bottom {width: 113px;height: 30px;margin: 0px auto -30px;background: url(../img/hirota_opt_header_b_03.png) no-repeat center top;z-index: 999;position: relative;background-size: 60%;}

.main-visual_pc {display: none;}
.main-visual_sp {display: block;}	
/*----------------------------------------------------------------------------------------------
#header_form
----------------------------------------------------------------------------------------------*/ 
#header_form {width: 100%;margin: 0 auto 0;background:url(../img/hirota_header_back.png);}
#header_form_wrap{ width:100%; margin: 0 auto;}
#header_form_wrap_left{ width: 90%; margin:32px auto 5px; float: none;}
#header_form_wrap_left p{ font-weight:bold; margin:0 0 0 5px; font-size:1.6rem; color: #FFF; }
#header_form_wrap_left p img{ display:inline; margin:0 6px -5px 0;}
#header_form_wrap_left_txt input{ width:100%; box-sizing:border-box; margin:10px 0 5px; padding:10px; border:4px solid #FFF;font-size:1.6rem;border-radius: 4px;}
#header_form_wrap_left_txt input:hover{border:4px solid #F00; background-color:#FFC;}
#header_form_wrap_right{ width: 90%; float: none; margin:0 auto 10px; padding: 0;}
#header_form_wrap_right input{ width:100%;}
#header_form_wrap_right input:hover{ opacity: 0.8;}

/*----------------------------------------------------------------------------------------------
#top_form
----------------------------------------------------------------------------------------------*/ 
#top_form{  display: none; width: 100%;top: 0;z-index: 1;overflow-y: scroll;}
#top_form_wrap{ width:100%; margin: 5px auto 0;}
#top_form_wrap_left {width: 54%;margin: -3px auto -3px 5px;float: left;}
#top_form_wrap_left_txt{ width:100%; margin:0 auto;}
#top_form_wrap_left_txt input{ width:93%; margin:5px auto 6px; padding:0 4px 0 30px; border:4px solid #333;font-size:0.6rem;background-size: 5%;background: url(../img/base/hissu2.png) no-repeat left 50% #fff;}
#top_form_wrap_right {width: 44%;margin: .5em 0 0;padding: 0;float: right;}
#top_form_wrap_right input{ width: 90%; margin: 0 auto; float: none;}	

/*----------------------------------------------------------------------------------------------
.section__area00
----------------------------------------------------------------------------------------------*/ 
.section__area00_gray{ width: 100%; margin: 20px 0 0; background: #eeeeee;}
.section__area00_gray ul{ width: 90%; margin: 0 auto; padding: 0 0 15px;}
.section__area00_gray ul li{ width: 31%; padding: 0 4px 1px 0; display: inline-block;}
.section__area00_gray ul li img{ width: 100%;}
.section__area00_img img {width:90%; margin: 0 auto;}

/*----------------------------------------------------------------------------------------------
    Styles for .profile
----------------------------------------------------------------------------------------------*/ 
#profile{width:100%;margin:0 auto; background:none;}
.profile__box{ width: 100%; margin: 0 auto;background:none;}
.profile__box_txt{ width:100%; margin:0 auto; float: none;}
.profile__box h2{ width: 66%; margin: 29px 0 7px; float:right; font-size:1.8rem; font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; color: #ffe9c5; line-height: 1.5;}
.profile__box h3{ width: 55%; float:right; font-size:1.4rem; font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; line-height: 1.3; color:#ebc380; text-align: right;    margin: 5px 0 25px;}
.profile__box p{width:100%;margin:0 auto 20px ;font-size:1.6rem; color: #FFF; clear: both;}
.profile__box_txt img{ width: 60%; margin: 0 0 50px;}
.profile__box_wrap {padding: 30px 20px;width: 100%;}

.DiskBolettoTai {font-size: 1.5rem;line-height: 1.4;background: url(../img/base/base_cheack_03.png) no-repeat left top;width: 92%;font-weight: bold;padding: 0px 0 0 27px;margin: 0 auto 20px;background-size: 5%;}
.DiskBoletto{margin:2em auto 3em;}
/*----------------------------------------------------------------------------------------------
    Styles for .voice
----------------------------------------------------------------------------------------------*/ 
#voice{width:100%;margin:0px auto;}
#voice__wrap{ width:90%; margin:0 auto ; background:#FFF;border-radius: 15px;box-shadow: 4px 2px 16px rgba(0, 0, 0, 0.3); }
.voice__wrap_box{width:100%;margin:0 auto 20px;}
.voice__wrap_box_photo{ width:27%;padding: 22px 0px 0 15px;float: left;}
.voice__wrap_box_txt{ width:60%; float: right;padding: 15px 20px 0 0px;}
.voice__wrap_box_txt h2{ font-size: 1.9rem; font-weight: bold; line-height: 1.3;}
.voice__wrap_box_txt h3{ font-size: 1.4rem;  padding: 15px 0 0;}
.voice__wrap_box_txt h4{ font-size: 1.2rem; padding: 10px 0; }
.voice__wrap_box_txt02{ width:67%; float: right;padding: 40px 52px 0 0px;}
.voice__wrap_box_txt02 h2{ font-size: 3.3rem; font-weight: bold; line-height: 1.3; color: #FF4F00}
.voice__wrap_box_txt02 h3{ font-size: 1.8rem; padding: 10px 0; }
.voice__wrap_box_txt02 h4{ font-size: 1.4rem; text-align: right; color: #A3A3A3; padding: 15px 0 0;}
.voice__wrap_box hr{ width:90%; margin:15px auto 20px; border-top: 1px dashed #8c8b8b;border-bottom: 1px dashed #fff; clear:both; clear:both;}

.voice__wrap {width: 95%;padding:0;}
.voice__wrap p{width: 90%;margin:0 auto;}

/*----------------------------------------------------------------------------------------------
#voice_ver2
----------------------------------------------------------------------------------------------*/ 
#voice_ver2{width:100%;margin:35px auto 0; padding: 0 0 6px; background: #eeeeee;}
#voice_ver2__wrap{ width:90%; margin:0 auto ; background:#FFF;border-radius: 15px;box-shadow: 4px 2px 16px rgba(0, 0, 0, 0.3); }
.voice_ver2__wrap_box_pt01{width:100%;margin:0 auto 30px;background: url(../img/hirota_contents_b_08s.png) no-repeat 4% 24%; background-size: 43%;}
.voice_ver2__wrap_box_pt02{width:100%;margin:0 auto 30px;background: url(../img/hirota_contents_b_09s.png) no-repeat 4% 25%; background-size: 40%;}
.voice_ver2__wrap_box_pt03{width:100%;margin:0 auto 30px;background: url(../img/hirota_contents_b_10s.png) no-repeat 4% 21%; background-size: 43%;}
.voice_ver2__wrap_box_pt04{width:100%;margin:0 auto 30px;background: url(../img/hirota_contents_b_11s.png) no-repeat 14% 28%; background-size: 30%;}
.voice_ver2__wrap_box_pt05{width:100%;margin:0 auto 30px;background: url(../img/hirota_contents_b_12s.png) no-repeat 4% 24%; background-size: 43%;}
.voice_ver2__wrap_box_txt{ width:90%; margin: 0 auto; float: none;padding: 18px 0 0 0px;}
.voice_ver2__wrap_box_txt h2{ width: 55%; float: right; font-size: 2.2rem; font-weight: bold; line-height: 1.3;}
.voice_ver2__wrap_box_txt h3{ width: 55%; float: right; font-size: 1.2rem; padding: 10px 0 25px; }
.voice_ver2__wrap_box_txt h4{ font-size: 1.4rem; text-align: right; color: #A3A3A3; padding: 15px 0 40px;}
.voice_ver2__wrap_box_txt h5{ font-size: 1.6rem; margin: 0 0 10px; font-weight: bold; color:#c38a05; padding: 0 0 0 15px; border-left: 5px solid #c38a05; line-height: 1.3;}
.voice_ver2__wrap_box_txt img {margin:0;}
.voice_ver2__wrap_box_txt_list{width: 100%; margin: 20px auto 25px; clear: both;}
.voice_ver2__wrap_box_txt_list li{ width: 45%; padding: 0 10px 0 0;display: inline-block;}
.voice_ver2__wrap_box_txt_list li p{ font-size: 1.3rem; text-align: left; padding: 5px 0 0; line-height: 1.3;}

/*----------------------------------------------------------------------------------------------
    Styles for #mailform__second
----------------------------------------------------------------------------------------------*/
#mailform__second{ width:100%; margin:0 auto; padding: 0 0 1px;}
.mailform__second_img{ width: 90%; margin: 0 auto; padding:9px 0 0;}
#mailform__second_wrap{ width:90%; margin:0 auto 20px;}
#mailform__second_wrap_left{ width: 100%; margin:12px auto 0; float: none;}
#mailform__second_wrap_left p{ font-weight:bold; margin:0 0 0 5px; font-size:2.2rem; }
#mailform__second_wrap_left p img{ display:inline; margin:0 6px -5px 0;}
#mailform__second_wrap_left_txt input{width:100%; box-sizing:border-box; margin:5px 0 10px; padding:0 10px 0 72px; border:none;font-size:1.3rem;border-radius: 4px;}
#mailform__second_wrap_left_txt input:hover{border:4px solid #F00; background-color:#FFC;}
#mailform__second_wrap_right{ width: 100%; float: none; margin:0 auto 0; padding: 0;}
.square_btn{width: 100%;box-sizing: border-box;display: inline-block;padding:0.6em 1.5em;text-align: center;font-size: 2.1rem; font-weight: bold;line-height: 1.3;text-decoration: none;background: #ff6600;/*ボタン色*/color: #FFF;border-radius: 4px;-webkit-appearance: none;}
.square_btn:hover{opacity: 0.8;}
	
/*----------------------------------------------------------------------------------------------
フォーム注釈
----------------------------------------------------------------------------------------------*/
.form__must{width:10%; box-sizing:border-box; background:#fff; font-weight:bold; float:left; margin:5px 0 10px; padding:13px 0 0 10px; border:4px solid #333; border-right:none; height:70px;}
.form__must p{background:#f00; color:#fff; padding:5px;text-align: center; font-size:1.5rem!important;}

/*----------------------------------------------------------------------------------------------
    Styles for#close__img
----------------------------------------------------------------------------------------------*/ 
.close__img{ width:100%; position: relative;}
.close__img_text{ width:100%; height:100%; position:absolute; background-color: rgba(0, 0, 0, 0.8); z-index:999;}
.close__img_text h1 { width:90%; margin:90px auto 0; font-size:5rem; line-height:1.3; color:#FFF; text-align:center; font-weight:bold; text-shadow: 5px 5px 3px #333,-5px 5px 3px #333,5px -5px 3px #333,-5px -5px 3px #333;}

/*----------------------------------------------------------------------------------------------
    Styles for #footer__attention
----------------------------------------------------------------------------------------------*/ 
#footer__attention{ width:100%;}
#footer__attention p{ width:90%; margin: 0 auto; padding: 20px 0 ; font-size:1.4rem; color: #353535;}

/*----------------------------------------------------------------------------------------------
    Styles for footer
----------------------------------------------------------------------------------------------*/ 
footer {width:100%; height:auto;margin:0 auto 0; background-color: #ecf0ee;}
#footer__inner {width: 90%;margin:0 auto;padding: 0 0 30px; font-size:1.1rem;}
#footer__inner_logo {width: 60%; float:none; padding:10px 0 14px 0;}
#footer__inner_right {width:100%; float:none ;}
#footer__inner li {float: left;margin-right: 15px;list-style-type: none;padding-right: 10px;}
#footer__inner p {text-align: left;clear: both;padding-top: 5px; color:#666;}

/*----------------------------------------------------------------------------------------------
    Styles for date
----------------------------------------------------------------------------------------------*/ 
table {
    border-top: none;
  }
  table td {
    display: block;
    text-align: center;
  }
  table th {
    display: block;
    border-top: none;
    width: 100%;
    padding: 10px 0;
    font-size: 2rem;
    text-align: center;
  }
tble th, table td {
    padding: 5px 0;
    border-bottom: none;
}

.button-flat-primary {
    box-shadow: none;
    -webkit-transition-property: background;
    transition-property: background;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    background: #00A1CB;
}
.button-pill {
    border-radius: 70px;
}
.button {
    height: auto;
    line-height: 40px;
    padding: .5em 0 0.5em;
    font-size: 8.5vw;
    margin: 0.5em auto;
    width: 90%;
box-shadow: 0 5px 2px 0 rgba(100, 100, 100, 0.43);
}

/*----------------------------------------------------------------------------------------------
    Styles for nayami
----------------------------------------------------------------------------------------------*/ 
.nayami{width: 100%;}
.side_photo {width: 25%; padding: 0;}
.side_photo_r {width: 25%;}

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