/* Theme Name: boxdot Wordpress テーマ 2.0 Theme URI: Author: FT Author URI: http://ftft.jp/ Description: Version: 2.0 License: License URI: Tags: Text Domain: boxdot */ abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,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,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent} body{line-height:1.3} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block} nav ul{list-style:none} blockquote,q{quotes:none} blockquote:after,blockquote:before,q:after,q:before{content:'';content:none} a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none} /* change colours to suit your needs */ ins{background-color:#ff9;color:#000;text-decoration:none} /* change colours to suit your needs */ mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700} del{text-decoration:line-through} abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help} table{border-collapse:collapse;border-spacing:0} hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0} input,select{vertical-align:middle} ul{list-style:none} h1,h2,h3,h4{font-weight:400} body{font-size:14px} a{color:#333;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;-ms-transition:.2s;transition:.2s} .mb20{margin:0 0 20px} #header{padding:15px 10px} .home #header_bg{height:550px;background:url(/img/mv2.jpg)no-repeat;padding:5px 0 0;min-height:100%;background-size:cover;background-attachment:fixed;background-repeat:no-repeat} .ttle_w{width:825pt;margin:0 auto} #logo a{display:block;width:100%;max-width:350px} #logo a img{width:100%;height:auto} #h1p{margin-bottom:5px;font-size:11px} .title-area{overflow:hidden} #logo{float:left;width:50%} .right_link{float:right;width:40%;text-align:right;padding:0;} .right_link li{display:inline-block;font-size:9pt;text-align:center} .right_link li a{padding:10px;display:block} .right_link li a:hover{background-color:#f6f6f6;font-weight:700} .right_link .fa{font-size:20px;display:block;padding:0 0 5px} #content{overflow:hidden;width:825pt;margin:30px auto} .fa{padding-right:3px} .txt_c,.txt_k{text-align:center} .txt_k{font-size:20px;width:70%;padding:10px 0;margin:10px 15%;border:solid 1px #ccc} .cat_main{overflow:hidden;margin:0 0 30px;background-color:#fff;clear:both;} #top_kiji{clear:both;} /* 幅 */ .cat_main.box2 dl{width:50%;} .cat_main.box4 dl{width:25%;} .cat_main.box7 dl,.cat_main.box8 dl,.cat_main.box10 dl,.cat_main.box11 dl,.cat_main.box12 dl{width:25%;} /* 線 */ .cat_main dl:nth-child(3) .cat_des, .cat_main dl:nth-child(3) .cat_links, .cat_main dl:nth-child(3) .cat_title, .cat_main.box5 dl:nth-child(6) .cat_des, .cat_main.box5 dl:nth-child(6) .cat_links, .cat_main.box5 dl:nth-child(6) .cat_title, .cat_main.box6 dl:nth-child(6) .cat_des, .cat_main.box6 dl:nth-child(6) .cat_links, .cat_main.box6 dl:nth-child(6) .cat_title, .cat_main.box7 dl:nth-child(7) .cat_des, .cat_main.box7 dl:nth-child(7) .cat_links, .cat_main.box7 dl:nth-child(7) .cat_title, .cat_main.box8 dl:nth-child(7) .cat_des, .cat_main.box8 dl:nth-child(7) .cat_links, .cat_main.box8 dl:nth-child(7) .cat_title, .cat_main.box9 dl:nth-child(3) .cat_des, .cat_main.box9 dl:nth-child(3) .cat_links, .cat_main.box9 dl:nth-child(3) .cat_title, .cat_main.box9 dl:nth-child(6) .cat_des, .cat_main.box9 dl:nth-child(6) .cat_links, .cat_main.box9 dl:nth-child(6) .cat_title, .cat_main.box9 dl:nth-child(9) .cat_des, .cat_main.box9 dl:nth-child(9) .cat_links, .cat_main.box9 dl:nth-child(9) .cat_title, .cat_main.box10 dl:nth-child(7) .cat_des, .cat_main.box10 dl:nth-child(7) .cat_links, .cat_main.box10 dl:nth-child(7) .cat_title, .cat_main.box10 dl:nth-child(11) .cat_des, .cat_main.box10 dl:nth-child(11) .cat_links, .cat_main.box10 dl:nth-child(11) .cat_title, .cat_main.box11 dl:nth-child(7) .cat_des, .cat_main.box11 dl:nth-child(7) .cat_links, .cat_main.box11 dl:nth-child(7) .cat_title, .cat_main.box11 dl:nth-child(11) .cat_des, .cat_main.box11 dl:nth-child(11) .cat_links, .cat_main.box11 dl:nth-child(11) .cat_title, .cat_main.box12 dl:nth-child(7) .cat_des, .cat_main.box12 dl:nth-child(7) .cat_links, .cat_main.box12 dl:nth-child(7) .cat_title, .cat_main.box12 dl:nth-child(11) .cat_des, .cat_main.box12 dl:nth-child(11) .cat_links, .cat_main.box12 dl:nth-child(11) .cat_title {border-right:solid 1px #e2eaee;border-left:solid 1px #e2eaee;} .cat_main.box2 dl:nth-child(3) .cat_des, .cat_main.box2 dl:nth-child(3) .cat_links, .cat_main.box2 dl:nth-child(3) .cat_title{border-right:none;border-left:solid 1px #e2eaee;} .cat_main.box4 dl:nth-child(5) .cat_des, .cat_main.box4 dl:nth-child(5) .cat_links, .cat_main.box4 dl:nth-child(5) .cat_title, .cat_main.box7 dl:nth-child(5) .cat_des, .cat_main.box7 dl:nth-child(5) .cat_links, .cat_main.box7 dl:nth-child(5) .cat_title, .cat_main.box8 dl:nth-child(5) .cat_des, .cat_main.box8 dl:nth-child(5) .cat_links, .cat_main.box8 dl:nth-child(5) .cat_title, .cat_main.box8 dl:nth-child(9) .cat_des, .cat_main.box8 dl:nth-child(9) .cat_links, .cat_main.box8 dl:nth-child(9) .cat_title, .cat_main.box10 dl:nth-child(5) .cat_des, .cat_main.box10 dl:nth-child(5) .cat_links, .cat_main.box10 dl:nth-child(5) .cat_title, .cat_main.box10 dl:nth-child(9) .cat_des, .cat_main.box10 dl:nth-child(9) .cat_links, .cat_main.box10 dl:nth-child(9) .cat_title, .cat_main.box11 dl:nth-child(5) .cat_des, .cat_main.box11 dl:nth-child(5) .cat_links, .cat_main.box11 dl:nth-child(5) .cat_title, .cat_main.box11 dl:nth-child(9) .cat_des, .cat_main.box11 dl:nth-child(9) .cat_links, .cat_main.box11 dl:nth-child(9) .cat_title, .cat_main.box12 dl:nth-child(5) .cat_des, .cat_main.box12 dl:nth-child(5) .cat_links, .cat_main.box12 dl:nth-child(5) .cat_title, .cat_main.box12 dl:nth-child(9) .cat_des, .cat_main.box12 dl:nth-child(9) .cat_links, .cat_main.box12 dl:nth-child(9) .cat_title, .cat_main.box12 dl:nth-child(13) .cat_des, .cat_main.box12 dl:nth-child(13) .cat_links, .cat_main.box12 dl:nth-child(13) .cat_title{border-left:solid 1px #e2eaee;} .cat_main.box7 dl:nth-child(8) .cat_des, .cat_main.box7 dl:nth-child(8) .cat_links, .cat_main.box7 dl:nth-child(8) .cat_title, .cat_main.box11 dl:nth-child(12) .cat_des, .cat_main.box11 dl:nth-child(12) .cat_links, .cat_main.box11 dl:nth-child(12) .cat_title{border-right:solid 1px #e2eaee} .cat_main dl{width: 33.3%; display: block;float:left;padding:0} .cat_links,.cat_title{text-align:center} .cat_title{font-size:18px;font-weight:700;padding:20px 25px 5px} .cat_des{font-size:13px;padding:5px 25px 10px;line-height:160%;min-height:60px} .cat_main .cat_links a{display:block;padding:10px 20px;font-size:15px;font-weight:700;color:#fff} .cat_main .cat_links a:before{content:"\f105";font-family:FontAwesome;padding-right:3px} .cat_image{width:70%;margin:5px 15%} .cat_image img{width:100%} #bn_w{width:260px;} #bn_w img{width:100%} #left{width:50pc;float:left} #left .blog_g img{width:100%;height:auto} #left .blog_img img.height_long{margin-top:-50%} #right{width:260px;float:right} .blog_g a{margin-bottom:20px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;display:block;overflow:hidden;text-align:left} .blog_img{float:left;width:40%;overflow:hidden;height:175px;background-size:cover;background-position:center;background-image:url(/wp-content/themes/boxdot/img/noimage.png)} .blog_img img{height:100%;display:block} .blog_g a img{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out} .blog_g a:hover img{-webkit-transform:scale(1.2);transform:scale(1.2)} .blog_j{padding:3% 3% 0} .blog_body,.blog_j{float:right;width:54%} .blog_body{padding:0 3% 2%;font-weight:200;line-height:155%} .blog_g a:hover .blog_body{color:#666} .entry-title{font-size:20px} .blog_g a:hover .entry-title{font-weight:700} .date_w{padding:2% 0;font-size:9pt} .date{padding-right:10px} .new_icon{position:relative} .new_icon .new{position:absolute;top:5px;left:5px;padding:0 5px 1px} .wp-pagenavi{background-color:#fff;padding:10px 10px 5px} .current,.wp-pagenavi a{padding:10px 15px;font-size:1pc;display:inline-block;margin:0 5px 5px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px} .current{background-color:#333;color:#fff} .wp-pagenavi a{background-color:#fff;border:solid 1px #e2eaee;color:#333} .wp-pagenavi a:hover{text-decoration:none} .sid_category{border:solid 1px #e2eaee;background-color:#fff;margin-bottom:20px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px} .sid_category dt{text-align:center;padding:13px 5px;border-bottom:solid 1px #e2eaee;margin:0;border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0} .sid_category dd a{border-bottom:solid 1px #e2eaee;display:block;padding:13px 20px} .sid_category dd a:hover{font-weight:700;background-color:#f6f6f6} .sid_category dd:last-child a{border:0} .sid_category dd a:before{content:"\f105";font-family:FontAwesome;padding-right:3px} .sid_free_w{margin-bottom:25px;} body.search{margin:0} .popularity,.search,.widget{margin-bottom:25px} .sid_ttle{font-size:18px;margin-bottom:8px} .search input{padding:3%;width:92%;border:solid 1px #e2eaee;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px} .kiji_w li a{display:block;overflow:hidden;border-bottom:solid 1px #e2eaee;padding:8px} .kiji_w li a:hover{background-color:#fff} .kiji_w .img{width:75pt;height:70px;float:left;overflow:hidden;background-size:cover;background-position:center} .kiji_w .img img{width:100%;height:auto} .kiji_w .ttl,.kiji_w .views{width:55%;float:right} .kiji_w .ttl{font-size:13px} .kiji_w .views{font-size:11px;text-align:right;color:#555;margin-top:8px} #footer{background-color:#fff;padding:30px 0 0;overflow:hidden;margin-top:40px;border-top:solid 1px #e2eaee} #footer_w{width:825pt;margin:0 auto} #footer .copyright{text-align:center;color:#fff;padding:3px;clear:both;font-size:9pt} .footer_txt{clear:both;padding:0 5px 8px;text-align:center} #footer a{color:#44b6ff} #footer a:hover{text-decoration:underline} .logo_f{width:25%;float:left;padding-bottom:20px} .logo_f img{width:100%;height:auto} .footer_address{float:right;padding-top:30px} .footer_address dt{font-size:1pc} .footer_address dd{display:inline-block;padding-right:20px;font-size:9pt} #page-top{position:fixed;bottom:20px;right:20px;font-size:77%;z-index:999} #page-top a{filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;text-decoration:none;color:#fff;width:85px;padding:35px 0;text-align:center;display:block;border-radius:60px} #page-top a:hover{text-decoration:none;filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5} .home #header.youtube_w{background-image:none} .wrapper{position:relative;z-index:1;background-color:#f6f6f6;padding:5px 0 40px} #wrapper_mbYTP_bgndVideo{height:550px} .home #footer{margin:0} .blog_kiji ul.sns_btn{width:100%;clear:both;padding:0;margin:0 0 10px} .blog_kiji ul.sns_btn:after{content:".";display:block;height:0;clear:both;visibility:hidden} .blog_kiji ul.sns_btn li.sns_btnInner{width:15%;float:left;padding:0;margin:0 2% 0 0;list-style-type:none} .blog_kiji ul.sns_btn li.sns_btnInner:nth-child(6n){width:15%;margin:0} @media(max-width:659px){} @media(max-width:659px){.blog_kiji ul.sns_btn li.sns_btnInner,ul.sns_btn li.sns_btnInner:nth-child(3n){width:23%;margin:0 2% 5px 0} .blog_kiji ul.sns_btn li.sns_btnInner:nth-child(6n){width:30%;margin:0 0 5px} } .blog_kiji ul.sns_btn li.sns_btnInner a{font-size:9pt;font-weight:700;line-height:100%;color:#fff;display:block;padding:8px 0;margin:0;background-color:#f5f5f5;text-align:center;text-decoration:none;border-radius:5px} @media(max-width:659px){.blog_kiji ul.sns_btn li.sns_btnInner a{font-size:14px;padding:10px 0} } ul.sns_btn li.sns_btnInner a.twitter{background-color:#00acee} .blog_kiji ul.sns_btn li.sns_btnInner a.facebook{background-color:#3b5998} .blog_kiji ul.sns_btn li.sns_btnInner a.google_plus{background-color:#dd4b39} .blog_kiji ul.sns_btn li.sns_btnInner a.hatena{background-color:#2d4c86} ul.sns_btn li.sns_btnInner a.pocket{background-color:#ee4056} .blog_kiji ul.sns_btn li.sns_btnInner a.line{background-color:#5ae628} .blog_kiji ul.sns_btn.mt-20{margin-top:20px} .linkcard{margin:30px 0 10px} .lkc-external-wrap,.lkc-internal-wrap{max-width:96%;margin:0 2%} .lkc-info{display:none!important} .lkc-content{height:90px} .linkcard a:hover .lkc-title{text-decoration:underline} .lkc-excerpt{width:80%} .linkcard .lkc-internal-wrap,.lkc-external-wrap{background-color:#ebf7f9} .linkcard .lkc-internal-wrap:hover,.lkc-external-wrap:hover{background-color:#fff} .linkcard .lkc-title:before{content:"\f0c1";font-family:FontAwesome;padding-right:3px} .lkc-excerpt{font-size:9pt} .lkc-internal-wrap{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px} .lkc-external-wrap .lkc-content{height:50px} .lkc-external-wrap .lkc-title{font-weight:400} .linkcard .lkc-external-wrap .lkc-title:before{content:"\f08e"} .pc-side-nav-fixed{top:5px;width:260px;position:fixed} #contact_g form p{margin-bottom:20px;line-height:160%} .blog_g a{border:solid 1px #fff} .sid_category dt,.wp-pagenavi a:hover{color:#fff} .btm_c button:hover,.btm_c input:hover,.cat_main .cat_links a:hover,.form-submit input:hover,.link_w a:hover{filter:alpha(opacity=80);opacity:.8} blockquote{position:relative;padding:10px 15px 10px 60px;box-sizing:border-box;font-style:italic;background:#efefef;color:#555} blockquote:before{display:inline-block;position:absolute;top:18px;left:15px;vertical-align:middle;content:"\f10d";font-family:FontAwesome;color:#cfcfcf;font-size:30px;line-height:1} blockquote p{padding:0;margin:10px 0;line-height:1.7} blockquote cite{display:block;text-align:right;color:#888;font-size:.9em} body{border-top:solid 3px #5d9cc6} #footer .copyright{background-color:#5d9cc6} .blog_g a:hover{border:solid 1px #5d9cc6} .cat_title,.entry-title{color:#5d9cc6} #page-top a{background:#5d9cc6} .wp-pagenavi a:hover{background-color:#5d9cc6;border:solid 1px #5d9cc6} .blog_kiji h3,.ttle02{border-bottom:solid 2px #5d9cc6} .blog_kiji h2,.ttle01{border-left:4px solid #5d9cc6} .lp_block_w{border:solid 1px #5d9cc6} .lp_block_w h3{background-color:#5d9cc6} #breadcrumb ul li a,.cat_title,.category_ttle,.entry-title,.new_icon .new,.sid_ttle{color:#32aa27} .sid_category .sid_ttle,.sid_category dt{background-color:#32aa27} .new_icon .new{border:solid 1px #32aa27} .kiji_w a:hover .ttl,.relation_kiji_g .re_kt a .ttle,.sid_category dd a:hover,.sid_category ul li a:hover{color:#32aa27} @media screen and (max-width:640px){.new_icon .new{border:solid 1px #32aa27} .home #sidebar .sid_category,.home #sidebar .sid_category dd a,.home .sid_category ul li a,.new_icon .new{background-color:#32aa27} } #contact_g form p input[type="submit"],.btm_c button,.btm_c input,.cat_main .cat_links a,.form-submit input,.link_w a{background-color:#f5b301} .blog_kiji h2,.ttle01,body{background-color:#f3f3f3} #footer,#header,.blog_g a{background-color:#fff} .date_w,.date_w a,body{color:#666} body{font-family:Noto Sans Japanese,ヒラギノ角ゴ Pro W3,メイリオ;font-family:Sawarabi Mincho,ヒラギノ角ゴ Pro W3,メイリオ} .right_link li a{color:#f4900c} .right_link li a:hover{color:#f7e51b} .right_link li.h_img_w{margin:0 9px;} .right_link li.h_img_w a{padding:0;} .right_link li.h_img_w img{max-width:180px;vertical-align:middle;} .blog_kiji{font-size:15px;line-height:160%} .aligncenter{margin-right:auto;margin-left:auto;} .alignleft{display:inline;float:left;} .alignright{display:inline;float:right;} img.aligncenter{display:block;clear:both;margin-top: 0.4em;margin-bottom: 1.6em;} #mokuji{border:solid 2px #ccc;padding:10px 20px;font-size:110%;display:table;margin:30px auto 40px;background-color:#f9f9f9} #mokuji p{font-weight:bold;text-align:center;font-size:120%;} #mokuji li{padding-top:3px;} #mokuji a{text-decoration:none;} #mokuji a:hover{text-decoration:underline;} @charset "UTF-8"; /*! * ress.css • v1.2.2 * MIT License * github.com/filipelinhares/ress */ /* # ================================================================= # Global selectors # ================================================================= */ html { box-sizing: border-box; overflow-y: scroll; /* All browsers without overlaying scrollbars */ -webkit-text-size-adjust: 100%; /* iOS 8+ */ } *, ::before, ::after { background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */ box-sizing: inherit; } ::before, ::after { text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */ vertical-align: inherit; } * { padding: 0; /* Reset `padding` and `margin` of all elements */ margin: 0; } /* # ================================================================= # General elements # ================================================================= */ /* Add the correct display in iOS 4-7.*/ audio:not([controls]) { display: none; height: 0; } hr { overflow: visible; /* Show the overflow in Edge and IE */ } /* * Correct `block` display not defined for any HTML5 element in IE 8/9 * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox * Correct `block` display not defined for `main` in IE 11 */ article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } summary { display: list-item; /* Add the correct display in all browsers */ } small { font-size: 80%; /* Set font-size to 80% in `small` elements */ } [hidden], template { display: none; /* Add the correct display in IE */ } abbr[title] { border-bottom: 1px dotted; /* Add a bordered underline effect in all browsers */ text-decoration: none; /* Remove text decoration in Firefox 40+ */ } a { background-color: transparent; /* Remove the gray background on active links in IE 10 */ -webkit-text-decoration-skip: objects; /* Remove gaps in links underline in iOS 8+ and Safari 8+ */ } a:active, a:hover { outline-width: 0; /* Remove the outline when hovering in all browsers */ } code, kbd, pre, samp { font-family: monospace, monospace; /* Specify the font family of code elements */ } b, strong { font-weight: bolder; /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */ } dfn { font-style: italic; /* Address styling not present in Safari and Chrome */ } /* Address styling not present in IE 8/9 */ mark { background-color: #ff0; color: #000; } /* https://gist.github.com/unruthless/413930 */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* # ================================================================= # Forms # ================================================================= */ input { border-radius: 0; } /* Apply cursor pointer to button elements */ button, [type="button"], [type="reset"], [type="submit"], [role="button"] { cursor: pointer; } /* Replace pointer cursor in disabled elements */ [disabled] { cursor: default; } [type="number"] { width: auto; /* Firefox 36+ */ } [type="search"] { -webkit-appearance: textfield; /* Safari 8+ */ } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; /* Safari 8 */ } textarea { overflow: auto; /* Internet Explorer 11+ */ resize: vertical; /* Specify textarea resizability */ } button, input, optgroup, select, textarea { font: inherit; /* Specify font inheritance of form elements */ } optgroup { font-weight: bold; /* Restore the font weight unset by the previous rule. */ } button { overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */ } /* Remove inner padding and border in Firefox 4+ */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: 0; padding: 0; } /* Replace focus style removed in the border reset above */ button:-moz-focusring, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { outline: 1px dotted ButtonText; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* Correct the inability to style clickable types in iOS */ } button, select { text-transform: none; /* Firefox 40+, Internet Explorer 11- */ } /* Remove the default button styling in all browsers */ button, input, select, textarea { background-color: transparent; border-style: none; color: inherit; } /* Style select like a standard input */ select { -moz-appearance: none; /* Firefox 36+ */ -webkit-appearance: none; /* Chrome 41+ */ } select::-ms-expand { display: none; /* Internet Explorer 11+ */ } select::-ms-value { color: currentColor; /* Internet Explorer 11+ */ } legend { border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */ color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */ display: table; /* Correct the text wrapping in Edge and IE */ max-width: 100%; /* Correct the text wrapping in Edge and IE */ white-space: normal; /* Correct the text wrapping in Edge and IE */ } ::-webkit-file-upload-button { -webkit-appearance: button; /* Correct the inability to style clickable types in iOS and Safari */ font: inherit; /* Change font properties to `inherit` in Chrome and Safari */ } [type="search"] { -webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */ outline-offset: -2px; /* Correct the outline style in Safari */ } /* # ================================================================= # Specify media element style # ================================================================= */ img { border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */ } /* Add the correct vertical alignment in Chrome, Firefox, and Opera */ progress { vertical-align: baseline; } svg:not(:root) { overflow: hidden; /* Internet Explorer 11- */ } audio, canvas, progress, video { display: inline-block; /* Internet Explorer 11+, Windows Phone 8.1+ */ } /* # ================================================================= # Accessibility # ================================================================= */ /* Hide content from screens but not screenreaders */ @media screen { [hidden~="screen"] { display: inherit; } [hidden~="screen"]:not(:active):not(:focus):not(:target) { position: absolute !important; clip: rect(0 0 0 0) !important; } } /* Specify the progress cursor of updating elements */ [aria-busy="true"] { cursor: progress; } /* Specify the pointer cursor of trigger elements */ [aria-controls] { cursor: pointer; } /* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */ [aria-disabled] { cursor: default; } /* # ================================================================= # Selection # ================================================================= */ /* Specify text selection background color and omit drop shadow */ ::-moz-selection { background-color: #b3d4fc; /* Required when declaring ::selection */ color: #000; text-shadow: none; } ::selection { background-color: #b3d4fc; /* Required when declaring ::selection */ color: #000; text-shadow: none; } iframe { border: none; } body { font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif; } body #footer { background-color: #e1c0b6; padding: 0 0; overflow: auto; margin-top: 0; border-top: none; } body #footer .copyright { background-color: transparent; text-align: left; font-size: 12px; } body #footer a { color: inherit; } body #content { overflow: hidden; width: auto; margin: 0; } body #content .secMovie_title, body #content .philosophy_title, body #content .pickupInfoList_title, body #content .sitePickUpList_title { font-size: 16px; margin: 0; } body #content .secMovie_title { font-size: 30px; } body #content .philosophy_title { font-size: 24px; } body #content .pickupInfoList_title { font-size: 20px; } body .blog_kiji { padding: 0; line-height: inherit; } body .blog_kiji .postList { margin: auto; padding: 24px 64px; } body .blog_kiji .postList_item { padding: 12px; list-style: none; } body .blog_kiji .postList_link { text-decoration: none; color: inherit; } body .blog_kiji .sitePickUpList { margin: 0; } body .blog_kiji .sitePickUpList_item { list-style: none; } body .blog_kiji .linkBtn_link { text-decoration: none; color: white; } body .blog_kiji .pickupInfoList { margin: 0; } body .blog_kiji .pickupInfoList_item { list-style: none; } body .blog_kiji .siteRecommend { margin: auto; } body .blog_kiji .siteRecommend_item { list-style: none; } body .blog_kiji .siteRecommend_descripition { margin: 0; } body .blog_kiji .attendingPoints { margin: auto; } body .blog_kiji .attendingPoints_item { list-style: none; } body .blog_kiji .secIntroduction_movie { width: 990px; height: 635px; margin: auto; display: block; } body .ttle01 { display: none; } .kiji_g { margin: 0; } .pc { display: inherit; } .sp { display: none; } .entry-title { text-align: center; } body #page-top a { background: #c8b030; } #content .plansContents_title { font-size: 53px; margin: 0; } .blog_kiji .plansContents_buttonText { margin: 0; } body #breadcrumb ul li a { color: #d2a193; } .blog_kiji .secAccess ul li { list-style-type: none; } [role=main] .new_icon .new { color: #6d2413; border-color: #6d2413; } .category h2.cate_title.archive_pageTitle { margin-top: 20px; } #top_kiji .blog_kiji .imageWrapper_img { max-width: 100%; } @media screen and (max-width: 960px) { #content .plansContents_title { font-size: 32px; } .pc { display: none; } .sp { display: inherit; } .spBlock { display: block; } } @media screen and (max-width: 640px) { #top_kiji { margin: 0 0% 0px; } #top_kiji .blog_kiji img { margin: auto; } #top_kiji .blog_kiji .postList { padding: 24px 2vw; } #top_kiji .blog_kiji iframe { margin: auto; } #top_kiji .blog_kiji .schools { margin: auto; } #top_kiji .blog_kiji .schools li { list-style: none; } .home #content { padding-top: 75px; padding-top: 19vw; } } body.page-template-lp-template { border-top: none; background-color: white; } #header { padding: 0 0 6px; } #logo { float: none; width: auto; } .title-area { overflow: inherit; } /** colors */ /** fonts-size */ /** font-weights */ /** padding */ .sideBar .sid_free_w { margin: 0; background-color: white; } .sideBar .sid_category { border: none; margin-bottom: 0; padding-bottom: 20px; } .sideBar .sid_category ul { padding: 0px 18px 20px; padding-top: 20px; } .sideBar .sid_category ul li { border: none; } .sideBar .sid_category ul li a { color: #333333; padding: 12px 0; } .sideBar .sid_category ul li a:hover { color: #e3005c; } .sideBar .widget { padding: 0px 18px 20px; margin-bottom: 0; } .sideBar .widget .sid_ttle { color: #6d2413; font-size: 18px; font-weight: bold; } .sideBar .widget .sid_ttle:before { content: " "; background-image: url("/img/site_logo_side_title.png"); width: 16px; height: 16px; background-size: cover; background-repeat: no-repeat; background-position: center center; display: inline-block; margin-right: 8px; } .single .kiji_g { border: none; } .single .kiji_h { border-bottom: solid 1px #f5eae7; } .single .screen-reader-text { display: none; } .single .blog_kiji.single_content { padding: 24px 0 36px; } /** colors */ /** fonts-size */ /** font-weights */ /** padding */ a { font-size: 16px; font-weight: normal; color: #d2a193; } a:hover { color: #e5288c; } .contents { display: flex; } .contents_main { flex-grow: 1; } @media screen and (max-width: 960px) { .contents { display: block; } } /** colors */ /** fonts-size */ /** font-weights */ /** padding */ .sideBar { width: 260px; margin-left: 40px; } .sideBar_content { background-color: transparent; } .sideBar .sid_category .sideBar_title { color: white; font-size: 18px; font-weight: bold; background-color: #d3a293; text-align: left; } .sideBar .sid_category .sideBar_title .fa { display: none; } @media screen and (max-width: 960px) { .sideBar { width: 100%; padding: 24px 12px; margin: 0; } } .imageWrapper_img { max-width: 100%; } /** colors */ /** fonts-size */ /** font-weights */ /** padding */ .archive_pageTitle { color: #6d2413; font-size: 24px; font-weight: normal; padding-left: 1em; } /** colors */ /** fonts-size */ /** font-weights */ /** padding */ .single_pageTitle { color: #6d2413; font-size: 24px; font-weight: normal; } .single_dateWrap { padding-bottom: 24px; text-align: right; } .single_body { padding: 30px 30px 20px; } .single_categories { padding-bottom: 24px; } .single_content { padding: 24px 0; } /** colors */ /** fonts-size */ /** font-weights */ /** padding */ .postData { margin-bottom: 24px; background-color: white; position: relative; } .postData_icon { left: 0; top: 0; position: absolute; } .postData_dataWrap { display: flex; } .postData_body { float: none; padding: 14px 20px; flex: 1; } .postData_image { width: 320px; float: none; overflow: hidden; } .postData_imageData { transition: transform 0.5s ease; vertical-align: middle; display: block; /* 2023/08 エフティー Start */ /* height: 170px; */ height: 100%; /* 2023/08 エフティー End */ width: 320px; background-size: cover; background-position: center center; background-repeat: no-repeat; } .postData_imageData:hover { transform: scale(1.2); } .postData_imageData-noImage { background-image: url("/wp-content/themes/boxdot2/img/noimage.png"); } .postData_title { color: #6d2413; font-size: 20px; text-align: left; } .postData_content { color: #333; font-size: 14px; } .postData_date { color: #333; font-size: 12px; display: inline-block; margin-right: 1em; margin-bottom: 5px; } @media screen and (max-width: 960px) { .postData_dataWrap { display: block; } .postData_body { float: none; padding: 14px 20px; width: 100%; } .postData_image { width: 100%; text-align: center; float: none; overflow: hidden; } } [role=main] { padding-top: 194px; padding-bottom: 25px; } @media screen and (max-width: 960px) { [role=main] { padding-top: 150px; padding-top: 20vw; } } .navTel { display: flex; align-items: center; } @media screen and (max-width: 960px) { .navTel { display: block; text-align: center; padding-bottom: 24px; } .navTel_item { display: inline-block; vertical-align: middle; } } .pageTitle_img { vertical-align: top; } .businessHour { text-align: center; font-size: 14px; line-height: 1.3em; } .businessHour_title { padding: 0; margin: 0; } .businessHour_content { padding: 0; margin: 0; font-size: 15px; } .businessHour-request { display: flex; } @media screen and (max-width: 960px) { .businessHour { display: block; text-align: center; line-height: 1.8em; padding-bottom: 39px; padding: 0; } .businessHour_title { font-size: 18px; display: inline-block; padding-right: 0.5em; } .businessHour_content { font-size: 18px; display: inline-block; } .businessHour-request { display: block; } } .buttons { display: flex; } .buttons_button { text-align: center; display: block; color: white; font-size: 16px; width: 100%; border-radius: 25px; padding: 8px; margin-right: 10px; box-shadow: 0px 0px 5px 1px #808080; } .buttons_button-bage { background: linear-gradient(360deg, #bd8473, #d5ada1); } .buttons_button-pink { background: linear-gradient(360deg, #de2b62, #eb5c94); } .buttons_button:last-child { margin-right: 0; } .buttons_button-iconConsent { position: relative; } .buttons_button-iconConsent:after { position: absolute; z-index: 1; content: " "; background: url(../img/secRequest/request_btn_consent_badge.png); width: 116px; height: 114px; right: 12px; top: -72%; } .buttons-request_button { border-radius: 48px; padding: 25px 0; margin-right: 24px; } .buttons-request_button a { font-size: 30px; } .buttons-form { justify-content: center; padding: 25px 0; } .buttons-form_button { width: 304px; max-width: 100%; font-size: 24px; border-radius: 48px; padding: 18px; margin-right: 2em; } .buttons-form_button[name="submitBack"] { background: linear-gradient(360deg, #bd8473, #d5ada1); } .buttons-form_button[name="submitConfirm"], .buttons-form_button[name="submit"] { background: linear-gradient(360deg, #de2b62, #eb5c94); } @media screen and (max-width: 960px) { .buttons { display: block; padding: 0 6vw; } .buttons_button { margin-top: 25px; } .buttons_button-iconConsent { position: relative; } .buttons_button-iconConsent:after { background: url(../img/secRequest/sp/request_btn_consent_badge.png); width: 80px; height: 80px; right: -3px; top: -40%; background-size: cover; } .buttons_button:nth-child(1) { margin: 0; } .buttons-form { text-align: center; justify-content: center; } .buttons-form_button { width: auto; margin: 25px 0; display: inline-block; min-width: 5em; } .buttons-form_button[name="submitConfirm"] { margin: auto; } .buttons-request_button { font-size: 24px; padding: 12px 0; } } .content_wrapper { margin: auto; width: 980px; max-width: 100%; } .content_wrapper-footer { width: 1060px; } .content_wrapper-pad { padding: 24px 7%; } .content_wrapper-pad3 { padding: 24px 3%; } .content_wrapper-pad1 { padding: 24px 1%; } .fixHeader { display: flex; justify-content: space-between; background-color: white; position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; } @media screen and (max-width: 960px) { .fixHeader { height: 80px; height: 20vw; border-bottom: 0; padding: 0 8px 0 15px; } } .header { border-bottom: solid 1px #a1a1a1; overflow: hidden; border-top: 4px solid #c8b030; } @media screen and (max-width: 960px) { .header { border-bottom: 0; } } .headerNav_title { padding: 4px 0 10px; margin: 0; text-align: center; font-size: 16px; background-color: #c8b030; color: white; position: relative; text-shadow: 1px 1px 2px black; } .headerNav_title:after { content: " "; border-right: 16px solid transparent; border-bottom: 35px solid #c8b030; border-left: 0px solid transparent; position: absolute; right: -15px; top: 0; transform: rotate3d(10, 0, 1, 180deg); } .headerNav_title:before { content: " "; border-right: 16px solid transparent; border-bottom: 35px solid #c8b030; border-left: 0px solid transparent; position: absolute; left: -15px; top: 0; transform: rotate(180deg); } .headerNav_tel { display: flex; align-items: center; } .page { box-sizing: border-box; position: relative; } .pageHeader { display: flex; justify-content: space-between; } @media screen and (max-width: 960px) { .pageHeader { align-items: center; } } .phone_number { font-size: 36px; font-weight: bold; margin: 0; padding: 0 6px; } .phone .phone_link { color: inherit; font-size: 36px; text-decoration: none; } .phone-request_number { font-size: 34px; font-weight: normal; } .phone .phone_link { color: inherit; font-size: 36px; text-decoration: none; } @media screen and (max-width: 960px) { .phone_number { font-size: 32px; font-weight: bold; line-height: 1.5em; } .phone .phone_link { color: inherit; font-size: 36px; text-decoration: none; } } .secAttending { background-image: url("../img/sec_attending.png"); min-height: 1335px; background-repeat: repeat; max-width: 100%; padding-top: 110px; padding-bottom: 40px; } .secAttending-nonBK { background: transparent; } .secAttending_fieldWrap { border: solid 3px; background-color: white; border-radius: 27px; position: relative; } .secAttending_fieldWrap:after { content: url("../img/secAttending/attending_footer_obj.png"); position: absolute; left: calc( 50% - 134px); bottom: -40px; } .secAttending_fieldWrap:before { content: url("../img/secAttending/attending_header_obj.png"); position: absolute; top: -54px; left: calc( 50% - 136px); } .secAttending_field { margin: 3px; border: solid 1px; border-radius: 23px; padding-bottom: 40px; } .secAttending_title { font-size: 36px; text-align: center; padding: 82px 0 0; line-height: 1.6em; } @media screen and (max-width: 960px) { .secAttending { padding: 0 12px; min-height: 0; padding-top: 83px; padding-bottom: 40px; } .secAttending_title { font-size: 30px; font-size: 5vw; padding: 50px 0 0; } .secAttending_field { padding-bottom: 55px; } } .secAttraction { background: #fff5fd; min-height: 6340px; } @media screen and (max-width: 960px) { .secAttraction { padding: 0 12px; } } .secBenefits { background-image: url("../img/sec_benefits.png"); min-height: 618px; background-position: right; } .secBenefits_title { color: #321c15; font-size: 36px; font-weight: normal; padding-bottom: 52px; } .secBenefits_title:before { display: block; content: url("../img/secBenefits/benefits_title_after_deco.png"); line-height: 0; } .secBenefits_content { font-size: 36px; color: #321c15; text-align: center; width: 595px; max-width: 100%; padding: 90px 0 0; } .secBenefits_text-bold { font-size: 48px; color: #e5288c; } @media screen and (max-width: 960px) { .secBenefits { padding: 0 12px 100px; background-position: -752px 0px; min-height: auto; } .secBenefits_title { font-size: 24px; padding-bottom: 30px; } .secBenefits_content { width: 100%; padding: 60px 0 0; font-size: 6vw; } .secBenefits_text-bold { font-size: 36px; font-size: 7vw; } } .secCopyLight { background: #331c16; color: white; min-height: 53px; text-align: center; font-size: 15px; padding: 14px; } .secCopyLight_field { display: flex; justify-content: space-between; } .secDevelopment { background: #ddfaf6; min-height: 580px; } .secDevelopment_wrap { position: relative; } .secDevelopment_titleWrap { position: absolute; top: 78px; left: 0; font-size: 36px; color: #6d2413; } .secDevelopment_titleBold { font-size: 48px; color: #e5288c; } .secDevelopment_imgWrap { padding: 106px 0 74px 14.5vw; } @media screen and (max-width: 960px) { .secDevelopment { padding: 0 2vw; } .secDevelopment_wrap { position: relative; } .secDevelopment_titleWrap { position: absolute; top: 78px; left: 0; font-size: 36px; color: #6d2413; } .secDevelopment_titleBold { font-size: 48px; color: #e5288c; } .secDevelopment_imgWrap { text-align: center; padding: 0; padding-top: 203px; } } .secForms { background: white; min-height: 1710px; } .secForms_title { text-align: center; padding: 38px 0; } .secForms_title-left { text-align: left; } .secForms_title-left .secForms_titleText { color: #333333; font-size: 20px; padding: 1em 0; } .secForms_img { padding: 24px 0; } .secForms_titleText { color: #321c15; font-size: 36px; } @media screen and (max-width: 960px) { .secForms { min-height: auto; } .secForms_title { padding: 0; } } .secGraduate { background-image: url("../img/sec_attending.png"); min-height: 1270px; background-repeat: repeat; } .secGraduate_title { font-size: 36px; color: #321c15; padding-top: 14px; } .secGraduate_titleWrap { padding: 24px 0 35px; text-align: center; } .secGraduate_more { margin: auto; width: 525px; max-width: 100%; text-align: center; cursor: pointer; background: url("../img/secGraduate/more_bk.png"); background-repeat: repeat; background-position: center; font-size: 22px; line-height: 3em; font-weight: bold; color: white; border-radius: 66px; box-shadow: 0 2px 9px 0px #444444; } .secGraduate_moreLink { text-decoration: none; color: white; } .secGraduate_moreWrap { padding: 12px; } @media screen and (max-width: 960px) { .secGraduate { padding: 0 12px; } .secGraduate_moreWrap { padding-bottom: 40px; } } .secIntroduction { background: white; min-height: 1493px; } .secIntroduction_title { font-size: 36px; color: #666666; padding: 52px 0 0; text-align: center; font-weight: normal; } .secIntroduction_movie { padding-top: 44px; width: 990px; height: 635px; max-width: 100%; } @media screen and (max-width: 960px) { .secIntroduction { overflow: hidden; padding: 0 12px; } .secIntroduction_title { font-size: 28px; font-size: 6vw; } .secIntroduction_movie { padding-top: 44px; width: 100%; height: auto; height: 75vw; } } .secLecturer { background: white; min-height: 970px; } .secLecturer_title { text-align: center; padding: 66px 0 44px; font-size: 36px; color: #321c15; } .secLecturer_list { max-width: 100%; width: 860px; margin: auto; display: flex; flex-wrap: wrap; text-align: center; list-style: none; } .secLecturer_listItem { list-style: none; width: 33%; font-size: 18px; color: #666666; margin-bottom: 60px; } .secLecturer_postName { padding: 24px 0; } @media screen and (max-width: 960px) { .secLecturer { padding: 0 12px; } .secLecturer_list { justify-content: space-around; } .secLecturer_listItem { list-style: none; margin-bottom: 25px; width: 46%; } .secLecturer_postName { padding: 6px 0; } } .secAccess { background: white; min-height: 450px; } .secAccess_title { font-size: 36px; text-align: center; padding: 44px 0; color: #333333; font-weight: normal; } @media screen and (max-width: 960px) { .secAccess { padding: 0 12px; } } .secPlans { background-image: url(../img/sec_plans.png); background-position: top left; padding: 25px 0 50px; } @media screen and (max-width: 960px) { .secPlans { min-height: auto; background-image: url(../img/sp/sec_plans.png); padding: 0 12px 30px; background-position: top center; } } .secReason { background-image: url("../img/sec_reason.png"); min-height: 710px; background-position: top center; } .secReason_wrap { width: 800px; padding: 75px 0 0; max-width: 100%; } .secReason_title { font-size: 34px; text-align: center; padding-top: 22px; font-weight: normal; line-height: 1.7em; } .secReason_subTitle { font-size: 20px; text-align: center; padding-top: 20px; } @media screen and (max-width: 960px) { .secReason { min-height: auto; padding: 0 12px; } .secReason_wrap { padding: 25px 0 50px; } .secReason_title { font-size: 27px; font-size: 7.2vw; } .secReason_subTitle { font-size: 20px; font-size: 5.5vw; } .secReason_wrap { width: 100%; } } .secRequest { background-image: url("../img/sec_request_bk.png"); min-height: 440px; background-repeat: repeat; padding-bottom: 25px; } @media screen and (max-width: 960px) { .secRequest { min-height: auto; border-bottom: 1px solid transparent; border-top: 1px solid transparent; } } .secSchoolInfo { background: url("../img/footer/secSchoolInfo/bk.png"); min-height: 335px; width: 100%; } .secSchoolInfo_title { text-align: center; padding-top: 28px; } .secSchoolInfo_infoTitle { color: white; text-align: center; } @media screen and (max-width: 960px) { .secSchoolInfo { background-position: 12px; padding: 12px; min-height: 0; } .secSchoolInfo_title { display: none; } } .secTrouble { background-image: url("../img/sec_trouble.png"); min-height: 1225px; background-repeat: repeat; } @media screen and (max-width: 960px) { .secTrouble { padding: 0 20px; min-height: auto; } } .topContent { width: 1330px; max-width: 100%; background-image: url(../img/top_content_bk.png); background-position: 73px -18px; /* background-size: cover; */ background-repeat: no-repeat; min-height: 650px; margin: auto; } .topContent-siteTop { width: auto; background-image: url(../img/site_top_content_bk.png); background-position: top center; max-width: 100%; background-size: cover; background-repeat: no-repeat; min-height: auto; margin: auto; } @media screen and (max-width: 960px) { .topContent { width: auto; max-width: 100%; background-image: url(../img/sp/top_content_bk.png); background-repeat: no-repeat; margin: auto; padding: 9px 4vw; min-height: auto; background-position: top right; background-size: contain; } .topContent-siteTop { background-size: cover; background-repeat: no-repeat; margin: auto; min-height: auto; background-position: top center; } } .topHeader { min-height: 650px; width: 100%; } .topHeader-siteTop { min-height: auto; } @media screen and (max-width: 960px) { .topHeader { min-height: auto; background-position: top right; background-size: contain; } } .topSales { display: flex; width: 980px; max-width: 100%; margin: auto; } .topSales_logo { position: relative; z-index: 10; padding: 9px 0 0; } .topSales_point { margin-top: -22px; position: relative; z-index: 5; } .topSales_title { font-size: 18px; text-align: center; padding: 36px 0 0; } .topSales_subTitle { font-size: 38px; text-align: center; padding: 13px 0 0; } .topSales_bolder { font-size: 46px; } @media screen and (max-width: 960px) { .topSales_point { margin-top: 0px; margin-bottom: 20px; } } .secRequestTitle { max-width: 100%; padding: 74px 0 0; text-align: center; position: relative; width: 640px; margin: auto; } .secRequestTitle_subText { border-bottom: solid 1px; font-size: 16px; display: inline-block; padding: 8px 0 8px; min-width: 13em; position: relative; z-index: 10; } .secRequestTitle_subText:before { content: " "; background: url("../img/secRequest/sub_title_icon.png"); vertical-align: text-bottom; width: 32px; height: 35px; display: inline-block; } .secRequestTitle_text { font-size: 24px; font-weight: normal; padding: 38px 0 50px; position: relative; z-index: 10; } .secRequestTitle:before { content: " "; background: url("../img/secRequest/title_icon_left.png"); width: 46px; height: 111px; display: block; position: absolute; left: -46px; top: 30%; } .secRequestTitle:after { content: " "; background: url("../img/secRequest/title_icon_right.png"); width: 46px; height: 111px; display: block; position: absolute; right: -46px; top: 30%; } @media screen and (max-width: 960px) { .secRequestTitle { width: 620px; margin: auto; padding: 0; } .secRequestTitle_subText { display: none; } .secRequestTitle_text { font-size: 16px; padding: 18px 0; } .secRequestTitle:before { display: none; left: 0px; } .secRequestTitle:after { display: none; right: 0px; } } .requestPhone { border: solid 2px; padding: 4px; margin: 27px 0 0; background: white; } .requestPhone_wrap { border: solid 1px; display: flex; align-items: center; text-align: center; } .requestPhone_text { width: 46%; font-size: 18px; } .requestPhone_requestData { width: 54%; } @media screen and (max-width: 960px) { .requestPhone { margin: 19px 2.48vw 0px; } .requestPhone_wrap { border: solid 1px; display: block; align-items: center; text-align: center; padding: 6px; } .requestPhone_text { width: 100%; font-size: 25.5px; padding: 12px 0 12px; display: none; } .requestPhone_requestData { width: auto; text-align: center; } } .secTroubleTitle { text-align: center; position: relative; width: 800px; max-width: 100%; margin: auto; padding: 38px 0 0; } .secTroubleTitle_subText { font-size: 20px; display: inline-block; padding: 45px 0 0; color: #6d2413; letter-spacing: 2px; } .secTroubleTitle_text { font-size: 36px; padding: 17px 0 0px; } .secTroubleTitle:before { content: " "; background: url(../img/secTrouble/title_icon_left.png); width: 61px; height: 83px; display: block; position: absolute; left: -87px; top: 50%; } .secTroubleTitle:after { content: " "; background: url(../img/secTrouble/title_icon_right.png); width: 54px; height: 129px; display: block; position: absolute; right: 8px; top: 37%; } @media screen and (max-width: 960px) { .secTroubleTitle { padding: 0px 0 0; text-shadow: 1px 0px 2px white, 1px 1px 1px white, 0px 1px 2px white, 0px 1px 2px white; } .secTroubleTitle:before { left: 0; } .secTroubleTitle_subText { font-size: 16px; font-size: 4.8vw; position: relative; z-index: 10; } .secTroubleTitle_text { font-size: 18px; font-size: 5.2vw; position: relative; z-index: 10; } .secTroubleTitle:before { left: -15px; top: 41%; opacity: 0.7; } .secTroubleTitle:after { right: -14px; top: 12%; opacity: 0.7; } } .troubles { display: flex; flex-wrap: wrap; justify-content: space-between; list-style: none; } .troubles_trouble { list-style: none; width: 30%; padding-top: 96px; } .troubles_title { text-align: center; font-size: 24px; } .troubles_title-single { line-height: 2.5em; } @media screen and (max-width: 960px) { .troubles { padding-bottom: 30px; } .troubles_trouble { padding-top: 32px; width: 48%; } .troubles_title { text-align: left; font-size: 18px; } .troubles_title-single { line-height: 1.5em; } } .attendingPoints { display: flex; flex-wrap: wrap; justify-content: space-between; list-style: none; padding: 0px; width: 90%; margin: auto; } .attendingPoints_item { width: 32%; list-style: none; padding-top: 84px; position: relative; } .attendingPoints_item:before { content: " "; width: 89px; height: 89px; left: 0; display: block; top: 50px; position: absolute; } .attendingPoints_item:nth-child(1):before { background-image: url("../img/secAttending/point001_img_badge.png"); } .attendingPoints_item:nth-child(2):before { background-image: url("../img/secAttending/point002_img_badge.png"); } .attendingPoints_item:nth-child(3):before { background-image: url("../img/secAttending/point003_img_badge.png"); } .attendingPoints_item:nth-child(4):before { background-image: url("../img/secAttending/point004_img_badge.png"); } .attendingPoints_item:nth-child(5):before { background-image: url("../img/secAttending/point005_img_badge.png"); } .attendingPoints_item:nth-child(6):before { background-image: url("../img/secAttending/point006_img_badge.png"); } .attendingPoints_title { font-size: 22px; font-weight: bold; text-align: center; line-height: 3em; } .attendingPoints_title_multi { line-height: 1.5em; } .attendingPoints_description { font-size: 16px; padding: 0 12px; } @media screen and (max-width: 960px) { .attendingPoints { width: 95%; margin: auto; } .attendingPoints_item { width: 48%; text-align: center; padding-top: 50px; } .attendingPoints_item:before { content: " "; width: 68px; height: 70px; left: -13px; display: block; top: 20px; position: absolute; background-size: contain; } .attendingPoints_title { line-height: 1.3em; min-height: auto; padding-bottom: 10px; } .attendingPoints_description { font-size: 15px; padding: 0; line-height: 1.5em; text-align: left; } } .plansContents { display: block; } .plansContents_item { text-align: center; width: 100%; max-width: 100%; padding: 30px 0 0; } .plansContents_subText { font-size: 25px; padding: 38px 0 0; } .plansContents_title { font-size: 48px; color: #e5288c; padding: 12px 0 0; } .plansContents_subTitle { font-size: 40px; padding-top: 2px; } .plansContents_description { font-size: 20px; padding: 24px 24px 0; line-height: 1.8em; text-align: left; } .plansContents_buttons { display: flex; padding-top: 20px; justify-content: space-around; } .plansContents_button { background-color: #ffdcdc; border-radius: 12px; padding: 11px 0; width: 40%; } .plansContents_buttonText { color: #dc2c62; font-size: 18px; line-height: 1.7em; padding: 7px 0 0; } .plansContents_buttonTitle { color: #dc2c62; font-size: 30px; padding: 10px 0; font-weight: bold; } @media screen and (max-width: 960px) { .plansContents { display: block; } .plansContents_item { text-align: center; width: auto; padding: 50px 0 0; } .plansContents_subText { font-size: 20px; padding: 0; line-height: 1em; } .plansContents_title { font-size: 36px; line-height: 1.5em; font-size: 7.5vw; } .plansContents_subTitle { font-size: 32px; padding-top: 0px; } .plansContents_description { font-size: 18px; padding: 24px 3vw 0; line-height: 1.5em; } .plansContents_buttons { display: block; } .plansContents_button { margin: 0; margin-bottom: 20px; width: 100%; } } .secAttractionTitle { position: relative; text-align: center; width: 680px; margin: auto; padding: 170px 0 0; max-width: 100%; } .secAttractionTitle_subText { font-size: 28px; letter-spacing: 3px; } .secAttractionTitle_text { font-size: 36px; color: #6d2413; padding: 20px 0; letter-spacing: 5px; line-height: 1.6em; } .secAttractionTitle_bold { color: #e5288c; font-size: 72px; } .secAttractionTitle_point { color: #e5288c; } .secAttractionTitle:after { background: url("../img/secAttraction/attraction_title_after.png"); right: 26px; bottom: -41px; } .secAttractionTitle:before { background: url("../img/secAttraction/attraction_title_before.png"); left: -6px; top: 90px; } .secAttractionTitle:after, .secAttractionTitle:before { content: " "; display: block; position: absolute; width: 195px; height: 96px; } @media screen and (max-width: 960px) { .secAttractionTitle { padding: 105px 0 0; } .secAttractionTitle_subText { font-size: 36px; font-size: 5vw; letter-spacing: 0; } .secAttractionTitle_text { font-size: 18px; padding: 8px 0 20px; line-height: 1.6em; font-size: 5vw; } .secAttractionTitle:before { background: url("../img/secAttraction/attraction_title_before.png"); left: -6px; top: 20px; } .secAttractionTitle_bold { font-size: 10vw; } } .attractionPoint { padding: 0px; margin-bottom: 60px; } .attractionPoint_item { width: 940px; margin: auto; background-color: white; max-width: 100%; position: relative; box-sizing: border-box; padding: 25px 50px; } .attractionPoint_item:before { content: ""; display: block; height: 10px; width: 100%; background: linear-gradient(90deg, rgba(243, 243, 243, 0.59) 0%, rgba(245, 245, 245, 0.65) 30%, #ece5e2 60%, #e2d1cb 100%); position: absolute; left: 0; top: 0; } .attractionPoint_item:after { content: ""; display: block; height: 10px; width: 100%; background: linear-gradient(-90deg, rgba(243, 243, 243, 0.59) 0%, rgba(245, 245, 245, 0.65) 30%, #ece5e2 60%, #e2d1cb 100%); position: absolute; left: 0; bottom: 0; } .attractionPoint_item_heightBorderRight, .attractionPoint_item_heightBorderLeft { height: 100%; position: absolute; top: 0px; width: 10px; } .attractionPoint_item_heightBorderLeft { background: linear-gradient(180deg, rgba(243, 243, 243, 0.59) 0%, rgba(245, 245, 245, 0.65) 30%, #ece5e2 60%, #e2d1cb 100%); left: -10px; } .attractionPoint_item_heightBorderRight { background: linear-gradient(0deg, rgba(243, 243, 243, 0.59) 0%, rgba(245, 245, 245, 0.65) 30%, #ece5e2 60%, #e2d1cb 100%); right: -10px; } .attractionPoint:nth-child(2) { margin-top: 80px; padding-bottom: 25px; } .attractionPoint:nth-child(2) .attractionPoint_content { padding-top: 9px; justify-content: space-between; } .attractionPoint:nth-child(2) .attractionPoint_content:nth-child(3) { padding-top: 34px; } .attractionPoint:nth-child(2) .attractionPoint_contentDescription { width: calc(100% - 285px); } .attractionPoint:nth-child(2) .attractionPoint_contentTitle { padding-bottom: 18px; } .attractionPoint:nth-child(2) .attractionPoint_contentText { line-height: 2em; padding-bottom: 30px; } .attractionPoint:nth-child(3) { padding-bottom: 98px; } .attractionPoint:nth-child(3) .attractionPoint_titleWrap { margin-bottom: 30px; } .attractionPoint:nth-child(3) .attractionPoint_contentTitle { padding-bottom: 11px; } .attractionPoint:nth-child(3) .attractionPoint_contentTitleH3-pad { padding-top: 0px; } .attractionPoint:nth-child(3) .attractionPoint_content { padding-top: 9px; justify-content: space-between; } .attractionPoint:nth-child(3) .attractionPoint_content:nth-child(3) { padding-top: 21px; } .attractionPoint:nth-child(3) .attractionPoint_content:nth-child(3) .attractionPoint_contentTitle { padding-top: 60px; } .attractionPoint:nth-child(3) .attractionPoint_content:nth-child(4) { padding-top: 42px; } .attractionPoint:nth-child(3) .attractionPoint_content:nth-child(4) .attractionPoint_contentTitle { padding-top: 0px; } .attractionPoint:nth-child(3) .attractionPoint_contentDescription { width: calc(100% - 285px); } .attractionPoint:nth-child(3) .attractionPoint_contentText { line-height: 2em; } .attractionPoint:nth-child(4) { padding-bottom: 85px; } .attractionPoint:nth-child(4) .attractionPoint_contentTitle { padding: 28px 0 26px; } .attractionPoint:nth-child(4) .attractionPoint_contentFlexBox { width: 48%; } .attractionPoint:nth-child(4) .attractionPoint_content { justify-content: space-between; } .attractionPoint:nth-child(4) .attractionPoint_contentText { line-height: 1.8em; } .attractionPoint:nth-child(4) .attractionPoint_contentDescription h3.attractionPoint_contentTitleH3:nth-of-type(1) { padding: 16px 0 9px; } .attractionPoint:nth-child(4) .attractionPoint_contentDescription h3.attractionPoint_contentTitleH3:nth-of-type(2) { padding: 29px 0 9px; } .attractionPoint:nth-child(4) .attractionPoint_contentDescription h3.attractionPoint_contentTitleH3:nth-of-type(3) { padding: 37px 0 9px; } .attractionPoint:nth-child(5) { padding-bottom: 58px; margin-bottom: 49px; } .attractionPoint:nth-child(5) .attractionPoint_titleWrap { padding-bottom: 53px; } .attractionPoint:nth-child(5) .attractionPoint_content { justify-content: space-between; } .attractionPoint:nth-child(5) .attractionPoint_contentDescription { width: calc(100% - 295px); } .attractionPoint:nth-child(5) .attractionPoint_contentText { line-height: 2em; padding: 12px 0 38px; } .attractionPoint:nth-child(6) { padding-bottom: 40px; } .attractionPoint:nth-child(6) .attractionPoint_content { justify-content: space-between; } .attractionPoint:nth-child(6) .attractionPoint_contentFlexBox { width: 48%; } .attractionPoint:nth-child(6) .attractionPoint_contentTitle { padding: 12px 0 30px; } .attractionPoint:nth-child(6) .attractionPoint_contentText { line-height: 2em; } .attractionPoint:nth-child(7) { padding-bottom: 24px; margin: 0; } .attractionPoint:nth-child(7) .attractionPoint_titleWrap { padding-bottom: 60px; } .attractionPoint_contentFlexBox { width: 50%; } .attractionPoint_contentFlexBoxCenter { text-align: center; } .attractionPoint_titleWrap { display: flex; padding: 22px 0 0; align-items: center; } .attractionPoint_titleImg { width: 185px; } .attractionPoint_title { font-size: 24px; } .attractionPoint_title_multi { line-height: 1.5em; } .attractionPoint_titleBold { font-size: 46px; color: #e5288c; } .attractionPoint_titleBig { font-size: 40px; } .attractionPoint_content { display: flex; } .attractionPoint_contentText { font-size: 18px; color: #333333; } .attractionPoint_contentText-graySm { font-size: 14px; color: #666666; } .attractionPoint_contentText-gray { color: #666666; } .attractionPoint_contentTitleH3 { font-size: 18px; color: #6d2413; } .attractionPoint_contentTitleH3-sm { font-size: 14px; } .attractionPoint_contentTitleH3-deco { border-bottom: 1px solid; display: inline-block; } .attractionPoint_contentTitleH3-deco:before { content: url("../img/secAttraction/point_004_h3_after.png"); vertical-align: middle; display: inline-block; } .attractionPoint_contentTitle { font-size: 24px; color: #e5288c; } .attractionPoint_contentTitle-center { text-align: center; } .attractionPoint_contentTitleSub { color: #333333; font-size: 18px; } .attractionPoint_contentImg { width: 220px; text-align: center; } .attractionPoint_graphTitle { text-align: center; font-size: 14px; color: #6d2413; padding-bottom: 20px; min-height: 4em; } .attractionPoint_contentDescription-flex { display: flex; justify-content: space-around; } .attractionPoint_description { font-size: 16px; padding: 0 12px; } .attractionPoint_recommendList { color: #6d2413; font-size: 14px; padding: 16px 0; } .attractionPoint_recommendItem { line-height: 3.45em; list-style: none; } @media screen and (max-width: 960px) { .attractionPoint_item { padding: 12px 30px; } .attractionPoint_item_heightBorderLeft { left: 0px; } .attractionPoint_item_heightBorderRight { right: 0px; } .attractionPoint:nth-child(2) { padding-bottom: 12px; } .attractionPoint:nth-child(2) .attractionPoint_contentImg { display: none; } .attractionPoint:nth-child(2) .attractionPoint_contentDescription { justify-content: space-between; width: 100%; } .attractionPoint:nth-child(2) .attractionPoint_contentDescription > .imageWrapper { width: 48%; } .attractionPoint:nth-child(2) .attractionPoint_contentText { line-height: 1.5em; } .attractionPoint:nth-child(2) .attractionPoint_content { display: block; } .attractionPoint:nth-child(3) { margin-top: 20px; padding-bottom: 12px; background-image: url("../img/secAttraction/point002_bk.png"); } .attractionPoint:nth-child(3) .attractionPoint_contentTitleH3-pad { padding: 0; } .attractionPoint:nth-child(3) .attractionPoint_content { padding-top: 15px; display: block; } .attractionPoint:nth-child(3) .attractionPoint_content:nth-child(4) { padding-top: 15px; } .attractionPoint:nth-child(3) .attractionPoint_content:nth-child(4) .attractionPoint_contentTitle { padding: 0; } .attractionPoint:nth-child(3) .attractionPoint_contentDescription { width: 100%; } .attractionPoint:nth-child(3) .attractionPoint_contentImg { width: 100%; } .attractionPoint:nth-child(4) { margin-top: 20px; padding-bottom: 12px; background-image: url("../img/secAttraction/point003_bk.png"); } .attractionPoint:nth-child(4) .attractionPoint_contentFlexBox { width: 100%; } .attractionPoint:nth-child(4) .attractionPoint_content { display: block; } .attractionPoint:nth-child(5) { margin-top: 20px; padding-bottom: 12px; background-image: url("../img/secAttraction/point004_bk.png"); } .attractionPoint:nth-child(5) .attractionPoint_content { display: block; } .attractionPoint:nth-child(5) .attractionPoint_contentDescription { width: 100%; } .attractionPoint:nth-child(5) .attractionPoint_contentImg { width: 100%; } .attractionPoint:nth-child(6) { margin-top: 20px; padding-bottom: 12px; background-image: url("../img/secAttraction/point005_bk.png"); } .attractionPoint:nth-child(6) .attractionPoint_content { justify-content: space-between; } .attractionPoint:nth-child(6) .attractionPoint_contentFlexBox { width: 100%; } .attractionPoint:nth-child(6) .attractionPoint_contentTitle { padding: 12px 0 30px; } .attractionPoint:nth-child(6) .attractionPoint_contentText { line-height: 2em; } .attractionPoint:nth-child(6) .attractionPoint_content { display: block; } .attractionPoint:nth-child(7) { margin-top: 20px; padding-bottom: 12px; background-image: url("../img/secAttraction/point006_bk.png"); } .attractionPoint:nth-child(7) .attractionPoint_titleWrap { padding-bottom: 60px; } .attractionPoint_contentFlexBox { width: 50%; } .attractionPoint_titleWrap { display: block; text-align: center; } .attractionPoint_titleImg { width: 100%; } .attractionPoint_title { width: 100%; display: block; text-align: center; } .attractionPoint_title_multi { width: 100%; display: block; text-align: center; } .attractionPoint_titleBold { font-size: 36px; } .attractionPoint_contentTitleSub { display: block; } .attractionPoint_graphTitle { min-height: 3em; } .attractionPoint_recommendItem { line-height: 1.8em; } } .course { display: flex; flex-wrap: wrap; text-align: center; list-style: none; } .course_item { list-style: none; width: 25%; margin-bottom: 44px; } .course_title { font-size: 15px; color: #6d2413; padding: 21px 24px 6px; font-weight: normal; } .course_title-sm { font-size: 12px; } .course_priceTerm { font-size: 14px; color: #e5288c; } .course-main { padding-top: 0; } .course-main .course_item { width: 49%; margin-bottom: 0px; } .course-main .course_item:nth-child(1) .course_title { padding: 32px 0 25px; } .course-main .course_item:nth-child(2) .course_title { line-height: 1.4em; padding: 17px 0 14px; } .course-main .course_title { font-size: 22px; color: #6d2413; min-height: 90px; } .course-main .course_term { font-size: 18px; line-height: 2.3em; } .course-main .course_price { font-size: 18px; color: #e5288c; } @media screen and (max-width: 960px) { .course { justify-content: space-between; } .course-main { padding-top: 0; } .course-main .course_item { width: 100%; margin-bottom: 25px; } .course_item { width: 48%; } .course_title { padding: 6px 0; } } .graduateVoices_item { display: flex; justify-content: space-between; padding-bottom: 60px; } .graduateVoices_left { width: 290px; } .graduateVoices_right { width: calc(100% - 290px); } .graduateVoices_comment { background: white; border: solid 3px; border-radius: 34px; } .graduateVoices_commentWrap { padding: 37px 31px; background: white; margin: 3px; border: solid 1px; border-radius: 30px; } .graduateVoices_courseName { font-size: 18px; color: #333333; } .graduateVoices_name { font-size: 24px; color: #333333; font-weight: bold; } .graduateVoices_title { font-size: 20px; font-weight: bold; line-height: 1.8em; padding: 9px 0 0; } .graduateVoices_content { font-size: 16px; line-height: 1.95em; padding: 22px 10px; } @media screen and (max-width: 960px) { .graduateVoices_item { display: block; padding-bottom: 60px; } .graduateVoices_item:last-child { padding-bottom: 25px; } .graduateVoices_left { width: 100%; text-align: center; padding-bottom: 20px; } .graduateVoices_right { width: 100%; } } .schools { display: flex; flex-wrap: wrap; justify-content: space-between; } .schools_item { width: 32%; color: #666666;    font-size: 20px;    margin-bottom: 0px; list-style: none; } .schools_info { min-height: 7em; } .schools_name { font-size: 36px; padding: 10px 0 12px; } .schools_imgWrap { width: 100%; } .schools_imgWrap iframe { width: 100%; } .schools_notes { line-height: 1.1em; min-height: 2.5em; } @media screen and (max-width: 960px) { .schools { display: block; } .schools_item { width: 100%; font-size: 16px; list-style: none;      margin-bottom: 0px; } .schools_info { min-height: 7em; } .schools_name { font-size: 28px; text-align: center; padding: 10px 0 12px; } .schools_photoWrap { text-align: center; } } .questionAnswer { margin-top: 70px; border: solid 3px #321c15; border-radius: 35px; } .questionAnswer_wrap { border: solid 1px #321c15; margin: 3px; border-radius: 30px; padding: 20px 20px; } .questionAnswer_list { width: 825px; max-width: 100%; margin: auto; padding: 42px 0 0; } .questionAnswer_title { font-size: 24px; width: 15em; margin: auto; } .questionAnswer_title:after, .questionAnswer_title:before { display: inline-block; vertical-align: middle; } .questionAnswer_title:before { content: url("../img/secIntroduction/qa_title_before.png"); } .questionAnswer_title:after { content: url("../img/secIntroduction/qa_title_after.png"); } .questionAnswer_question { font-size: 20px; display: flex; align-items: center; } .questionAnswer_question:before { display: inline-block; vertical-align: middle; content: url("../img/secIntroduction/question_before_icon.png"); padding-right: 36px; } .questionAnswer_answer { font-size: 16px; padding-bottom: 30px; line-height: 1.3em; display: flex; align-items: center; } .questionAnswer_answer:before { display: inline-block; vertical-align: middle; content: url("../img/secIntroduction/answer_before_icon.png"); padding-right: 36px; } .reasons { display: flex; justify-content: space-between; padding-top: 40px; } .reasons_item { width: 32%; list-style: none; } .reasons_text { font-size: 14px; color: #333333; padding: 12px 27px; line-height: 1.8em; } @media screen and (max-width: 960px) { .reasons { display: block; padding-top: 24px; } .reasons_item { width: 100%; text-align: center; display: flex; align-items: center; text-shadow: 1px 1px 1px white; } .reasons_item .imageWrapper { width: 35vw; max-width: 135px; } .reasons_text { font-size: 14px; color: #333333; padding: 12px; line-height: 1.5em; max-width: 82vw; text-align: left; } } .addresses { width: 780px; max-width: 100%; margin: auto; display: flex; justify-content: space-around; line-height: 1.8em; font-size: 17px; } .addresses_item { list-style: none; color: white; } @media screen and (max-width: 960px) { .addresses { width: 400px; max-width: 100%; margin: auto; display: block; line-height: 1.8em; font-size: 17px; } } .spHeaderNav { display: none; } @media screen and (max-width: 960px) { .spHeaderNav { display: flex; margin-left: 2vw; } .spHeaderNav_list { display: flex; } .spHeaderNav_item { list-style: none; width: 25%; } } .form { padding: 80px 25px; color: #333333; } .form_setTitle { padding-top: 2em; padding-bottom: 1em; font-weight: bold; font-size: 20px; } .form-noPad { padding: 0; } .form-noPad [type="number"] { max-width: 60%; } .form_field { padding: 80px 25px; background-color: white; width: 860px; margin: auto; max-width: 100%; position: relative; } .form_field table { max-width: 100%; } .form_field:before { content: ""; display: block; height: 10px; width: 100%; background: linear-gradient(90deg, rgba(243, 243, 243, 0.59) 0%, rgba(245, 245, 245, 0.65) 30%, #ece5e2 60%, #e2d1cb 100%); position: absolute; left: 0; top: 0; } .form_field:after { content: ""; display: block; height: 10px; width: 100%; background: linear-gradient(-90deg, rgba(243, 243, 243, 0.59) 0%, rgba(245, 245, 245, 0.65) 30%, #ece5e2 60%, #e2d1cb 100%); position: absolute; left: 0; bottom: 0; } .form_heightBorderRight, .form_heightBorderLeft { height: 100%; position: absolute; top: 0px; width: 10px; } .form_heightBorderLeft { background: linear-gradient(180deg, rgba(243, 243, 243, 0.59) 0%, rgba(245, 245, 245, 0.65) 30%, #ece5e2 60%, #e2d1cb 100%); left: -10px; } .form_heightBorderRight { background: linear-gradient(0deg, rgba(243, 243, 243, 0.59) 0%, rgba(245, 245, 245, 0.65) 30%, #ece5e2 60%, #e2d1cb 100%); right: -10px; } .form input { border: solid 1px #999999; border-radius: 5px; padding: 3px 6px; } .form [type=text], .form [type=email], .form textarea { border: solid 1px #999999; border-radius: 5px; padding: 3px 6px; width: 100%; } .form [name="zip"] { width: 4em; max-width: 100%; } .form [name="zip1"] { width: 6em; max-width: 100%; } .form textarea { height: 10em; } .form_title { text-align: center; font-size: 24px; color: #333333; padding: 12px 0; font-weight: normal; } .form td, .form th { padding: 12px; text-align: left; vertical-align: top; } .form table table td, .form table table th { padding: 0px; padding-right: 12px; padding-bottom: 12px; } @media screen and (max-width: 960px) { .form { padding: 35px 25px; } .form_field { padding: 35px 25px; } .form th { padding: 12px 12px 12px 0; display: inline-block; } .form tbody { display: block; } .form table { margin-bottom: 50px; } .form td, .form tr, .form table { padding: 0; display: block; } } .secNewInfo { background-image: url("../img/sec_request_bk.png"); background-repeat: repeat; padding: 25px 0; } .secNewInfo_title { text-align: center; font-size: 24px; } .secNewInfo_content { padding: 12px; } @media screen and (max-width: 960px) { .secNewInfo { min-height: auto; border-bottom: 1px solid transparent; } } .secSitePickUp { padding: 48px 0; } .secSitePickUp_content { max-width: 100%; width: 980px; margin: auto; } @media screen and (max-width: 960px) { .secSitePickUp { padding: 25px 15vw; } } .secPickupInfo { background-image: url("../img/sec_attending.png"); background-repeat: repeat; max-width: 100%; padding-top: 36px; padding-bottom: 36px; } .secPickupInfo_fieldWrap { width: 1020px; max-width: 100%; margin: auto; background-color: white; } @media screen and (max-width: 960px) { .secPickupInfo { padding: 25px 5vw; } } .secPhilosophy { background-image: url("../img/sec_attending.png"); background-repeat: repeat; padding: 24px 0; } @media screen and (max-width: 960px) { .secPhilosophy { padding: 24px 2vw; } } .philosophy { padding: 5px; background-color: white; border-radius: 1em; width: 1020px; max-width: 100%; margin: auto; box-shadow: 1px 1px 11px 0px #949494, -1px 1px 11px 0px #949494, 1px -1px 11px 0px #949494, -1px -1px 11px 0px #949494; } .philosophy_field { background-image: url("/img/top/philosophy_bk.png"); background-repeat: no-repeat; background-size: cover; background-position: right top; } .philosophy_content { margin-right: 0; margin-left: auto; width: 680px; max-width: 100%; padding: 24px 0; } .philosophy_subTitle { font-size: 48px; color: #dc2c62; text-align: center; padding-bottom: 12px; } .philosophy_title { color: #6d2413; font-size: 24px; text-align: center; padding-bottom: 12px; } .philosophy_description { color: #6d2413; font-size: 16px; line-height: 1.9em; padding-bottom: 12px; } .philosophy_link { margin: auto; width: 300px; max-width: 100%; } @media screen and (max-width: 960px) { .philosophy { padding: 24px 2vw; } .philosophy_content { width: 420px; max-width: 100%; margin: auto; } } .secSiteRecommend { background-image: url("../img/sec_attending.png"); background-repeat: repeat; padding: 24px 0; } .siteRecommend { width: 1020px; max-width: 100%; flex-wrap: wrap; display: flex; margin: auto; } .siteRecommend_item { width: 50%; background-position: center center; background-size: cover; background-repeat: no-repeat; padding: 24px; position: relative; min-height: 450px; } .siteRecommend_item:nth-child(1) { background-image: url("../img/top/site_recommend_bk001.png"); } .siteRecommend_item:nth-child(2) { background-image: url("../img/top/site_recommend_bk002.png"); } .siteRecommend_item:nth-child(3) { background-image: url("../img/top/site_recommend_bk003.png"); } .siteRecommend_item:nth-child(4) { background-image: url("../img/top/site_recommend_bk004.png"); } .siteRecommend_title { font-size: 30px; color: white; } .siteRecommend_bottomWrap { position: absolute; bottom: 24px; max-width: calc(100% - 47px); } .siteRecommend_description { color: white; font-size: 14px; padding-bottom: 12px; } .siteRecommend_link { margin: auto; width: 300px; max-width: 100%; } @media screen and (max-width: 960px) { .siteRecommend { width: 100%; max-width: 100%; display: block; } .siteRecommend_item { width: 100%; } } .secMovie { background-image: url("../img/sec_attending.png"); background-repeat: repeat; padding: 24px 0; min-height: auto; } .secMovie_title { font-size: 30px; color: #df356d; text-align: center; } .secCourse { margin-bottom: 24px; } .secCourseMerit_field { background-color: white; padding: 24px; } .secCourseMerit_content { padding-bottom: 30px; } .secCourseMerit-secPad { padding: 30px 0; } .secPayment_title { background-color: #321c15; font-size: 24px; color: white; text-align: center; padding: 14px 0; } .secPayment_descriptionWrap { padding: 36px 0 24px; } .secPayment_description { font-size: 20px; text-align: center; line-height: 1.8em; } .secUnderContent_field { background-color: white; } .secUnderContent_field-secPad { padding: 30px 0; } .secUnderContent_field-secPadBtm { padding-bottom: 30px; } .secUnderContent_field-secPadTop { padding-top: 30px; } .secUnderContent_title { color: #6d2413; font-size: 24px; padding: 60px 30px; } .secUnderContent-secPad { padding: 30px 0; } .secUnderContent-nonBK { background-color: transparent; } .secSalonOwner { padding: 80px 0 24px; } .secSalonOwner_title { color: #6d2413; font-size: 36px; padding-bottom: 32px; text-align: center; } .secSalonOwner_subTitle { font-size: 24px; padding-bottom: 42px; text-align: center; } .secSalonOwner_descriptionWrap { width: 760px; margin: auto; max-width: 100%; } .secSalonOwner_description { font-size: 14px; } .secStartUp_title { color: #6d2413; font-size: 36px; text-align: center; padding: 24px 0; } .secStartUp_subTitle { color: #e43875; font-size: 36px; text-align: center; padding-bottom: 24px; } .secStartUp_image { text-align: center; padding-bottom: 12px; } .secStartUp_description { line-height: 1.8em; } .startUpVoice_field { display: flex; } .startUpVoice_left { width: 286px; } .startUpVoice_right { flex: 1; } .startUpVoice_image { margin-bottom: 26px; } .startUpVoice_name { font-size: 24px; color: #333333; margin-bottom: 24px; } .startUpVoice_userInfo { font-size: 14px; color: #333333; width: 250px; max-width: 100%; } .startUpVoice_title { font-size: 24px; padding-bottom: 24px; } .startUpVoice_subTitle { text-align: right; color: #dc3169; padding-bottom: 24px; } .startUpVoice_text { font-size: 16px; color: #333333; line-height: 1.6em; } @media screen and (max-width: 960px) { .startUpVoice_field { display: block; } .startUpVoice_left { width: auto; margin: auto; text-align: center; padding-bottom: 24px; } .startUpVoice_userInfo { width: auto; } } .startUpVoices_field { display: flex; } .startUpVoices_left { width: 65%; margin-right: 5%; } .startUpVoices_right { width: 30%; } .startUpVoices_right img { vertical-align: middle; } .startUpVoices_text { font-size: 14px; color: #666666; } .startUpVoices_text-strong { font-size: 16px; color: #e33d73; } .startUpVoices_text-arrow { margin-left: 3em; line-height: 3em; } @media screen and (max-width: 960px) { .startUpVoices_field { display: block; } .startUpVoices_left { width: 100%; margin-right: 0; } .startUpVoices_right { width: auto; } .startUpVoices_right img { vertical-align: middle; } .startUpVoices_text-arrow { text-align: center; margin-left: 0; } .startUpVoices_images { display: flex; padding: 24px 0; } } .secPartner { margin-bottom: 48px; } .footerLogo { padding: 24px 0; text-align: center; } .footerLogo_subLogo { position: relative; padding-bottom: 12px; } .footerLogo_bkBorder { position: absolute; top: -3px; width: 100%; border-top: 2px solid #321c15; } .footerLogo_subLogoImg { vertical-align: middle; position: relative; } .lesson_tel { display: flex; align-items: center; } .lesson-header .lesson_title { padding: 4px 0 10px; margin: 0; text-align: center; font-size: 16px; background-color: #c8b030; color: white; position: relative; text-shadow: 1px 1px 2px black; } .lesson-header .lesson_title:after { content: " "; border-right: 16px solid transparent; border-bottom: 35px solid #c8b030; border-left: 0px solid transparent; position: absolute; right: -15px; top: 0; transform: rotate3d(10, 0, 1, 180deg); } .lesson-header .lesson_title:before { content: " "; border-right: 16px solid transparent; border-bottom: 35px solid #c8b030; border-left: 0px solid transparent; position: absolute; left: -15px; top: 0; transform: rotate(180deg); } .originFooter { overflow: hidden; } .globalFooter { display: flex; justify-content: space-between; padding-bottom: 24px; } .globalFooter .globalFooter_itemTitle { padding-bottom: 12px; font-size: 15px; color: #321c15; } .globalFooter .globalFooter_itemTitle:before { display: inline-block; width: 26px; height: 26px; content: " "; vertical-align: middle; background-repeat: no-repeat; background-position: center center; background-size: cover; background-image: url(/img/site_logo.png); margin-right: 1em; } .globalFooter .lesson { width: 420px; } .globalFooter .phone .phone_link { font-size: 16px; } @media screen and (max-width: 960px) { .globalFooter { display: block; } .globalFooter_item { padding: 24px; } .globalFooter .lesson { width: 100%; } } .secCourseInfo_field { background-color: white; padding-top: 48px; } .secCourseInfo_content { padding-bottom: 72px; } .footer_address { float: none; padding: 0; margin: auto; } .field { display: block; width: 100%; padding: 24px; } .field-type2r { display: flex; justify-content: space-between; flex-wrap: wrap; } .field-type2r .field_data { width: 49%; margin-bottom: 12px; } .field-type3r { display: flex; flex-wrap: wrap; justify-content: space-between; } .field-type3r .field_data { width: 32%; margin-bottom: 12px; } @media screen and (max-width: 960px) { .field-type2r { display: block; justify-content: space-between; } .field-type2r .field_data { width: auto; } .field-type3r { display: block; justify-content: space-between; } .field-type3r .field_data { width: auto; } } /** colors */ /** fonts-size */ /** font-weights */ /** padding */ .single .blog_kiji h2, .single .ttle01 h2 { width: 100%; display: block; border-left: solid 5px #d2a193; background-color: #f5eae7; color: #6d2413; font-size: 24px; padding: 1em; } .single .blog_kiji h3, .single .ttle01 h3 { color: #6d2413; font-size: 24px; font-weight: bold; margin-bottom: 24px; border: none; } .single .blog_kiji h4, .single .ttle01 h4 { color: #333333; font-size: 18px; font-weight: bold; margin-bottom: 20px; } .single .blog_kiji h5, .single .ttle01 h5 { color: #333333; font-size: 16px; font-weight: bold; margin-bottom: 16px; } .single .blog_kiji h2, .single .ttle01 h2 { color: #321c15; font-size: 30px; font-weight: bold; margin-bottom: 28px; } .single .blog_kiji a, .single .ttle01 a { font-size: 16px; font-weight: normal; color: #d2a193; } .single .blog_kiji a:hover, .single .ttle01 a:hover { color: #e5288c; } .text { color: black; font-size: 14px; line-height: 1.6em; } .dataTable { border: solid 5px #f5eae7; border-collapse: collapse; } .dataTable th, .dataTable_th { font-weight: bold; font-size: 16px; color: #333; text-align: center; border: solid 1px #f5eae7; vertical-align: middle; line-height: 1.5; letter-spacing: 0.02em; margin-bottom: 28px; } .dataTable td, .dataTable_data { border: solid 1px #f5eae7; font-size: 14px; color: #333; text-align: left; vertical-align: top; line-height: 1.5; letter-spacing: 0.02em; margin-bottom: 28px; } .dataTable td, .dataTable_data, .dataTable th, .dataTable_th { padding: 10px; } .dataList_item { list-style-type: disc; font-size: 16px; font-weight: normal; color: #333; list-style-position: inside; margin-bottom: 5px; } .dataList_link { color: #d3a497; } .dataList-num .dataList_item { list-style-type: decimal; } .postList { width: 980px; background-color: white; padding: 24px 64px; margin: auto; max-width: 100%; list-style: none; filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.4)); } .postList_item { padding: 12px; list-style: none; } .postList_link { display: flex; } .postList_date { min-width: 8em; } .postList_title { margin-left: 2em; } @media screen and (max-width: 960px) { .postList { padding: 24px 2vw; } .postList_link { display: block; } .postList_date { min-width: auto; display: block; padding-bottom: 0.5em; } .postList_title { margin-left: 1em; display: block; } } .linkBtn { background-color: #dc2c62; border-radius: 2em; } .linkBtn_text { font-size: 18px; } .linkBtn_link { text-decoration: none; color: white; display: block; text-align: center; line-height: 3em; cursor: pointer; } .linkBtn-type001 { background-color: #d2a598; } .linkBtn-type002 { background-color: white; border: solid 1px #dc2c62; } .linkBtn-type002 .linkBtn_link { color: #dc2c62; } .linkBtn-type002 { background-color: white; border: solid 1px #dc2c62; } .linkBtn-type002_link { color: #dc2c62; } .sitePickUpList { width: 100%; display: flex; justify-content: space-around; } .sitePickUpList_item { width: 30%; } .sitePickUpList_title { font-size: 16px; text-align: center; line-height: 1.8em; min-height: 5em; padding-bottom: 18px; } .sitePickUpList_img { text-align: center; padding-bottom: 18px; } .sitePickUpList_description { font-size: 14px; padding-bottom: 18px; } @media screen and (max-width: 960px) { .sitePickUpList { width: 100%; display: block; } .sitePickUpList_item { width: auto; margin: auto; padding-bottom: 30px; } } .pickupInfoList { display: flex; justify-content: space-around; width: 100%; } .pickupInfoList_item { width: 30%; } .pickupInfoList_subTitle { text-align: center; font-size: 16px; padding-bottom: 12px; } .pickupInfoList_title { text-align: center; font-size: 20px; padding-bottom: 12px; } .pickupInfoList_img { text-align: center; padding-bottom: 12px; } .pickupInfoList_description { font-size: 14px; padding-bottom: 12px; } @media screen and (max-width: 960px) { .pickupInfoList { width: 100%; display: block; } .pickupInfoList_item { width: 100%; padding-bottom: 30px; } } .bordFrame { padding: 0px; } .bordFrame_item { width: 100%; margin: auto; background-color: white; max-width: 100%; position: relative; box-sizing: border-box; padding: 25px 50px; } .bordFrame_item:before { content: ""; display: block; height: 10px; width: 100%; background: linear-gradient(90deg, rgba(243, 243, 243, 0.59) 0%, rgba(245, 245, 245, 0.65) 30%, #ece5e2 60%, #e2d1cb 100%); position: absolute; left: 0; top: 0; } .bordFrame_item:after { content: ""; display: block; height: 10px; width: 100%; position: absolute; left: 0; bottom: 0; background: linear-gradient(-90deg, rgba(243, 243, 243, 0.59) 0%, rgba(245, 245, 245, 0.65) 30%, #ece5e2 60%, #e2d1cb 100%); } .bordFrame_item_heightBorderRight, .bordFrame_item_heightBorderLeft { height: 100%; position: absolute; top: 0px; width: 10px; } .bordFrame_item_heightBorderLeft { background: linear-gradient(180deg, rgba(243, 243, 243, 0.59) 0%, rgba(245, 245, 245, 0.65) 30%, #ece5e2 60%, #e2d1cb 100%); left: -10px; } .bordFrame_item_heightBorderRight { background: linear-gradient(0deg, rgba(243, 243, 243, 0.59) 0%, rgba(245, 245, 245, 0.65) 30%, #ece5e2 60%, #e2d1cb 100%); right: -10px; } .paymentsList { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; } .paymentsList_item { text-align: center; width: 25%; } .meritList { display: flex; justify-content: space-between; } .meritList_item { width: 30%; } .meritList_title { font-size: 20px; text-align: center; color: #343638; } .meritList_title-icon { text-align: left; padding-bottom: 20px; } .meritList_link { margin: 24px auto 0; } .meritList_description { font-size: 14px; } /** colors */ /** fonts-size */ /** font-weights */ /** padding */ .siteSectionTitle { width: 100%; display: block; border-left: solid 5px #d2a193; background-color: #f5eae7; color: #6d2413; font-size: 24px; padding: 1em; } .siteSectionTitle-h3 { color: #6d2413; font-size: 24px; font-weight: bold; margin-bottom: 24px; } .siteSectionTitle-h4 { color: #333333; font-size: 18px; font-weight: bold; margin-bottom: 20px; } .siteSectionTitle-h5 { color: #333333; font-size: 16px; font-weight: bold; margin-bottom: 16px; } .siteSectionTitle-h2 { color: #321c15; font-size: 30px; font-weight: bold; margin-bottom: 28px; } .courseLinks { display: flex; justify-content: space-around; padding: 24px 0; } .courseLinks_item { width: 20%; } @media screen and (max-width: 960px) { .courseLinks { display: block; justify-content: space-around; } .courseLinks_item { width: 100%; margin-bottom: 24px; } } .courseData { padding: 24px 0; } .courseData_title { color: #6d2413; font-size: 36px; text-align: center; padding: 12px 0 38px; } .courseMerit_description { padding: 36px 0; line-height: 1.8em; } .siteSectionSubTitle { background-color: #f5eae7; border-left: 5px solid #d2a193; padding: 1em; } .siteSectionSubTitle_text { font-size: 24px; color: #6d2413; } .commentField { background: white; border: solid 3px; border-radius: 34px; } .commentField_wrap { padding: 20px 31px 40px; background: white; margin: 3px; border: solid 1px; border-radius: 30px; } .pickupList_item { list-style: disc; color: #dc3169; font-size: 20px; list-style-position: inside; } @media screen and (max-width: 960px) { .pickupList_item { line-height: 1.8em; } } .partner_title { color: #333333; font-size: 30px; padding: 30px; text-align: center; } .partner_descriptionWrap { padding-bottom: 30px; width: 820px; margin: auto; max-width: 95%; } .partner_description { color: #333333; font-size: 18px; } .partner_points { display: flex; } .partner_point { flex-grow: 1; width: 50%; } .partner_pointListWrap { display: flex; justify-content: center; align-items: center; } @media screen and (max-width: 960px) { .partner_points { display: block; } .partner_image { text-align: center; } .partner_point { width: 100%; } .partner_pointListWrap { display: flex; justify-content: center; align-items: center; } } .menu { display: flex; justify-content: space-between; } .menu-item { border-bottom: solid 4px transparent; } .menu-item a { display: block; color: #6d2413; padding: 12px 2px; } .menu-item:hover { border-bottom: solid 4px #c8b030; } .menu-item:hover a { color: #321c15; font-weight: bold; } @media screen and (max-width: 960px) { .menu { display: block; position: fixed; background: white; width: 100%; left: 0; text-align: center; border-top: 1px solid #c3a6a6; } .menu-item { border-bottom: 1px solid #c3a6a6; } .menu-active { display: block; } } .current-menu-item { border-bottom: solid 4px #c8b030; } .current-menu-item a { color: #321c15; font-weight: bold; } .modalMenu_item { display: block; } .modalMenu_close { display: none; } .modalMenu_open { display: inherit; } .modalMenu-active .modalMenu_close { display: inherit; } .modalMenu-active .modalMenu_open { display: none; } .modalMenu-active .modalMenu_item { display: block; } @media screen and (max-width: 960px) { .modalMenu_item { display: none; } } .addressList { display: flex; justify-content: space-between; } .addressList_item { width: 48%; } /** colors */ /** fonts-size */ /** font-weights */ /** padding */ .categories .post-categories { display: inline-block; } .categories .post-categories li { background-color: #e7cfc5; display: inline-block; padding: 5px 10px; border-radius: 6px; } .categories .post-categories li a { color: #6d2413; font-size: 10px; } .paging_next, .paging_prev { text-decoration: none; display: block; text-align: center; line-height: 2.5em; cursor: pointer; color: #dc2c62; padding: 0 2em; } .paging .nav-links { display: flex; justify-content: space-between; } .paging .nav-links a { text-decoration: none; border-radius: 2em; display: inline-block; font-size: 16px; background-color: white; border: solid 1px #dc2c62; } .tags { padding: 1em 0; } .snsIcons { display: flex; } .snsIcons_item { margin-right: 1em; } .snsIcons_link { text-decoration: none; } .tagList { display: flex; flex-wrap: wrap; } .tagList_item { margin-right: 1.5em; } /** colors */ /** fonts-size */ /** font-weights */ /** padding */ .wp-pagenavi { background-color: transparent; display: flex; justify-content: center; } .wp-pagenavi a { background-color: transparent; padding: 10px 15px; font-size: 1pc; display: inline-block; margin: 0 5px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: solid 1px transparent; font-size: 16px; font-weight: normal; color: #d2a193; text-decoration: underline; } .wp-pagenavi a:hover { color: #e5288c; } .wp-pagenavi a:hover { background-color: #d2a193; color: white; } .wp-pagenavi span.current, .wp-pagenavi .current { padding: 10px 15px; font-size: 1pc; display: inline-block; margin: 0 5px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: solid 1px transparent; font-size: 16px; font-weight: normal; color: #d2a193; color: #e5288c; text-decoration: none; background-color: transparent; } .wp-pagenavi span.current:hover, .wp-pagenavi .current:hover { color: #e5288c; } .wp-pagenavi .pages { padding: 10px 15px; font-size: 1pc; display: inline-block; margin: 0 5px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: solid 1px transparent; font-size: 16px; font-weight: normal; color: #d2a193; color: #e5288c; text-decoration: none; background-color: transparent; } .wp-pagenavi .pages:hover { color: #e5288c; } /* Theme Name: TBC様 boxdot の子テーマ Author: lunaeaze Author URI: http://lunaeaze.com/ Version: 1.0 Template: boxdot2 */ footer .phone_number { font-size: 30px;} .recruitContent { background-color: white; } .recruitContent_head { padding-top: 52px; padding-bottom: 52px; border-bottom: 1px solid #f5eae8; } .recruitContent_title { color: #6d2413; font-size: 48px; padding: 0; margin: 0; } .recruitContent_body { padding-top: 40px; padding-bottom: 40px; } .recruitContent_dataWrap { padding-left: 30px; padding-right: 30px; } .recruitContent_summary { padding-bottom: 55px; } .recruitContent_summaryText { font-size: 16px; color: #6d2413; line-height: 1.7em; } .recruitContent_description { color: #333333; font-size: 14px; } .dataInfo { padding-bottom: 75px; align-items: flex-start; display: flex; } .dataInfo-bet { justify-content: space-between; } .dataInfo_col { width: 49%; } .dataInfo_img { text-align: center; max-width: 100%; } .dataInfo_img img { vertical-align: middle; } @media screen and (max-width: 960px) { .dataInfo { padding-bottom: 35px; align-items: flex-start; display: block; } .dataInfo-bet { justify-content: space-between; } .dataInfo_col { width: 95%; margin: auto; } .dataInfo_img { max-width: 100%; } .dataInfo_img img { vertical-align: middle; } } .infoTable { color: #6d2413; } .infoTable_title { text-align: left; font-weight: normal; font-size: 16px; color: #6d2413; vertical-align: top; width: 4.5em; }  .infoTable_title-wide { width: auto; } .infoTable_data { text-align: left; font-size: 16px; color: #6d2413; padding-left: 1em; padding-bottom: 9px; } @media screen and (max-width: 960px) { .infoTable { display: block; } .infoTable_row { padding-bottom: 26px; } .infoTable tbody { display: block; } .infoTable_title { display: block; width: 100%; font-weight: bold; padding-bottom: 6px; } .infoTable_data { display: block; } } .recruitPage .meritListTitle { font-size: 20px; text-align: left; color: #343638; } .recruitPage .meritListTitle-icon { text-align: left; padding-bottom: 20px; } .recruitPage .meritList { display: flex; justify-content: space-between; } .recruitPage .meritList_item { width: 30%; } .recruitPage .meritList_subTitle { font-size: 18px; color: #e5288c; text-align: center; padding-bottom: 20px; } .recruitPage .meritList_link { margin: 24px auto 0; } .recruitPage .meritList_description { font-size: 14px; } @media screen and (max-width: 980px) { .moreTxt{display:none;} .recruitPage .recruit { display: flex; } .recruitPage .recruit_data{ width: 100%; } .recruitPage .recruit_img { padding-bottom: 0px; } .recruitPage .recruit_img-mini { padding-bottom: 0px; min-height: 180px; display: none; } .recruitPage .recruit-mini .recruit_data { width: 100%; } .recruitPage .recruitRow_img { display: none; } .recruitPage .meritList { display: block; } .recruitPage .meritList_item { width: 100%; } .recruitPage .meritList_subTitle { text-align: left; } .recruitPage .meritList_description { padding-bottom: 34px; } .recruitPage .paymentsList { width: 100%; } .recruitPage .paymentsList_item { width: 50%; } } .wp-pagenavi { flex-wrap: wrap; } .wp-pagenavi a, .wp-pagenavi span{ border: none; } .contents_main{ flex:1; } .form th:first-child { min-width: 11em; } .form table table th:first-child { min-width:inherit; } .page-id-73 .form *,.page-id-73 .form *:before,.page-id-73 .form *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .page-id-73 .form-noPad [type='number']{ max-width:45%; } .page-id-73 .form td{ max-width:50%; } .page-id-73 .form [type=text],.page-id-73 .form [type=email],.page-id-73 .form textarea{ max-width:80%; } .minimumFont{ font-size:12px; } .page-id-73 .form table .shin_de_ne td,.page-id-73 .form table .shin_de_ne th { max-width:inherit; } @media screen and (max-width:960px){ .form th:first-child { min-width: inherit; } .page-id-73 .form-noPad [type='number']{ max-width:80%; } .page-id-73 .form td{ max-width:100%; } .page-id-73 .form [type=text],.page-id-73 .form [type=email],.page-id-73 .form textarea{ max-width:100%; } .page-id-73 .form table .shin_de_ne td,.page-id-73 .form table .shin_de_ne th { display:inline-block; max-width:24%; } .page-id-73 .form table .shin_de_ne td[colspan="4"], .page-id-73 .form table .shin_de_ne th[colspan="4"]{ max-width:100%; } } .modalMenu_item.is-active { display: block; } .modalMenu_btn .modalMenu_open { } .modalMenu_btn.active .modalMenu_close { display: none; } .modalMenu_btn.active .modalMenu_open { display: inline-block; } .top #content { /* padding-top: 230px; */ padding-top: 280px; padding-bottom: 25px; background: white; } @media screen and (max-width: 768px) { .top #content { padding-top: 25vw; } } body #content { margin-inline: auto; } a { cursor: pointer; } body #footer { margin-top: 30px; } /* .l-container { max-width: none; } */ body { background: white; } .p-breadcrumb.-bg-on { /* padding-top: 220px; */ padding-top: 250px; background: white; } @media screen and (max-width: 960px) { .p-breadcrumb.-bg-on { padding-top: 150px; padding-top: 20vw; } } @media screen and (max-width: 768px) { .p-breadcrumb.-bg-on { padding-top: 25vw; } } .p-breadcrumb__text { font-size: 11px; }